@charset "utf-8";

/* CSS Document */
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-family: 'pingfang SC', 'webfont', 'helvetica neue', arial,
    'hiragino sans gb', 'microsoft yahei ui', 'microsoft yahei', simsun,
    sans-serif !important;
}

table {
  margin: 0;
  padding: 0;
  border-collapse: collapse;
  border-spacing: 0;
}

textarea {
  resize: none;
}

li {
  list-style: none;
}

fieldset,
img {
  border: 0;
}

img {
  vertical-align: top;
}

address,
caption,
cite,
code,
dfn,
th,
var {
  font-weight: normal;
  font-style: normal;
}

ol,
ul {
  list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  font-size: 100%;
}

abbr,
acronym {
  border: 0;
}

em,
i {
  font-style: normal;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.clear {
  zoom: 1;
}

.clear:after {
  clear: both;
  display: block;
  content: '';
}

a {
  text-decoration: none;
  cursor: pointer;
}

a:hover {
  text-decoration: none;
  cursor: pointer;
}

a:focus {
  outline-style: none;
}

body {
  /* min-width: 1200px; */
  overflow-x: hidden;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -khtml-user-select: none;
  user-select: none;
}

/*公共*/
.base {
  margin: 0 auto;
  width: 1200px;
}

.l_gkk_img img,
.l_hyzx_list a,
.list_left a,
.bread_list a,
.list_page span,
.list_page em,
.list_page i,
.contain7 i,
.wen a,
.kc_bottom li,
.ui_bottom li,
.contain7 .span span,
.nav_right a,
.java_bottom li,
.nav_right span,
.nav_right span p,
.sxh_left img,
.sxh_left p,
.sxh_title a,
.btnw span,
.bottom_part1 p a,
.kb_bottom a {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3;
  transition: 0.3s;
  -ms-transition: 0.3s;
}

.list_base {
  padding: 0 20px;
  border-top: 5px solid #e5e5e5;
}

h2.h2 {
  margin-bottom: 10px;
  font-size: 48px;
}

p.p {
  position: relative;
  font-size: 16px;
}

p.p:after {
  position: absolute;
  top: 40px;
  left: 0;
  width: 110px;
  height: 5px;
  background: #fff;
  content: '';
}

/* ----- 左侧固定导航 ----- */
/* 屏幕宽度小雨1300px 时，侧导航隐藏 */
@media (max-width: 1396px) {
  .base_fixed_sy2 {
    display: none;
  }
}

/*banner*/
@keyframes scale {
  from {
    opacity: 0.5;
    transform: scale(0.5);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

@-webkit-keyframes scale {
  from {
    opacity: 0.5;
    -webkit-transform: scale(0.5);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
  }
}

@-moz-keyframes scale {
  from {
    opacity: 0.5;
    -moz-transform: scale(0.5);
  }

  to {
    opacity: 1;
    -moz-transform: scale(1);
  }
}

@-ms-keyframes scale {
  from {
    opacity: 0.5;
    -ms-transform: scale(0.5);
  }

  to {
    opacity: 1;
    -ms-transform: scale(1);
  }
}

.bg {
  background: #f6f6f6;
}

.c_base {
  width: 1200px;
  margin: 0 auto;
}

.c_bot_lt {
  width: 908px;
  float: left;
}

.c_bot_rg {
  float: right;
}

.c_bot_lt_hd a {
  display: inline-block;
  width: 65px;
  height: 95px;
  line-height: 95px;
  margin-right: 19px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  font-size: 20px;
  font-weight: 100;
  padding-bottom: 10px;
}

/* .c_bot_lt_hd a:nth-child(11) {
  margin-right: 0px;
}
.c_bot_lt_hd a.active {
  background: url(../images/mo/index/bottom_part2.png) no-repeat center top;
}
.c_bot_lt ul {
  padding: 1% 0 0;
}
.c_bot_lt li {
  color: #fff;
  line-height: 200%;
  display: none;
  font-size: 16px;
  text-align: left;
  font-weight: 100;
} */
/* .c_bot_lt li span {
  color: #ff7403;
  font-size: 26px;
}
.c_bot_rg li {
  float: left;
  font-size: 13px;
  text-align: center;
  color: #fff;
  line-height: 18px;
  padding-top: 35%;
}
.c_bot_rg li p {
  padding-top: 5px;
} */
/* .bottom_part3 {
  width: 100%;
  background: #143257;
  box-sizing: border-box;
  padding: 5px 0px 11px;
}
.c_footer {
  text-align: center;
  font-size: 13px;
  line-height: 28px;
  color: #afafaf;
}
.c_footer a {
  padding: 0 2px;
}
.c_footer .c_footer_nav a:hover {
  text-decoration: underline;
} */
/* .c_footer_nav {
  width: 100%;
  text-align: center;
}
.c_footer_nav a {
  font-size: 13px;
  padding: 4px;
  color: #fff;
}
.c_footer_nav a:hover {
  padding: 0 4px;
  color: #ffda0c;
}
.c_footer p a {
  color: #afafaf;
}
.c_footer p {
  font-size: 12px;
  line-height: 14px;
} */
/* .c_bot_lt ul li:nth-child(1) {
  display: list-item;
} */
/*list*/
/* .home_wap_list {
  background: url(../images/mo/home_list/l_bg.jpg) repeat;
  padding-bottom: 25px;
}
.bread_list {
  padding: 25px 0 25px 22px;
  line-height: 16px;
  color: #000;
  background: url(../images/mo/home_list/bread_img.png) no-repeat left center;
} */
/* .bread_list a,
.bread_list span,
.bread_list i {
  display: inline-block;
  font-size: 14px;
  color: #000;
}
.bread_list a:hover {
  color: #f74c4c;
} */
/* .list_left {
  width: 810px;
  padding: 40px 40px 30px 40px;
  background: #fff;
  float: left;
}
.list_left_word {
  margin-bottom: 49px;
}
.list_left_word span {
  float: left;
}
.list_left_word i {
  float: right;
} */
/* .list_left_word a {
  display: block;
  color: #838080;
  font-size: 14px;
  border-bottom: 1px dashed #838080;
  padding-bottom: 18px;
  margin-bottom: 20px;
}
.list_left_word a:nth-last-child(1) {
  margin-bottom: 0;
}
.list_left_word a:hover {
  color: #f74c4c;
  border-color: #f74c4c;
} */
/* .list_page {
  text-align: center;
  padding-bottom: 15px;
}
.list_page i,
.list_page em,
.list_page span {
  display: inline-block;
  cursor: pointer;
  margin-right: 5px;
}
.list_page div {
  display: inline-block;
} */
/* .list_page em,
.list_page i {
  width: 50px;
  height: 20px;
  color: #818181;
  border: 1px solid #d5d5d5;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
}
.list_page span {
  font-size: 14px;
  width: 38px;
  text-align: center;
  height: 20px;
  color: #2e3340;
  border: 1px solid #dadada;
} */
/* .list_page .list_on1 {
  border-color: #0099e6;
  background: #0099e6;
  color: #fff;
}
.list_page span:hover,
.list_page em:hover,
.list_page i:hover {
  border-color: #0099e6;
  background: #0099e6;
  color: #fff;
} */
/* .list_right {
  width: 300px;
  float: right;
  background: #ffffff;
}
.list_gkk h3 {
  font-size: 20px;
  color: #363636;
  padding-left: 12px;
  line-height: 50px;
  height: 50px;
}
.l_gkk_img {
  display: block;
  position: relative;
  margin-bottom: 15px;
  width: 262px;
  height: 140px;
  overflow: hidden;
} */
/* .l_gkk_img:hover img {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}
.l_gkk_img img {
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transform: scale(1.04);
  -moz-transform: scale(1.04);
  -ms-transform: scale(1.04);
  -o-transform: scale(1.04);
} */
/* .l_gkk_img div {
  position: absolute;
  bottom: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  font-size: 12px;
}
.l_gkk_img span,
.l_gkk_img i {
  display: block;
  float: left;
  height: 34px;
  line-height: 34px;
} */
/* .l_gkk_img span {
  margin-left: 15px;
}
.l_gkk_img i {
  float: right;
  margin-right: 25px;
}
.list_gkk p {
  font-size: 14px;
  color: #5e5e5e;
  margin-bottom: 10px;
} */

.con11_list {
  width: 1000px;
  height: 193px;
  margin: 0 auto;
  overflow: hidden;
}

.con11_list li {
  float: left;
  margin-right: 17px;
}

.con11-wf {
  overflow: hidden;
  position: relative;
  text-align: center;
}

.con11-wf ul {
  overflow: hidden;
  zoom: 1;
}

.con11-wf li {
  float: left;
  width: 213px;
  margin-right: 28px;
}

.con11-wf li .pic {
  text-align: center;
}

.con11-wf p {
  line-height: 38px;
}

/*企业技术专家团*/
.zjt_20170718 {
  margin-bottom: 30px;
  margin-top: 28px;
}

.zjt_20170718 .base {
  position: relative;
}

.zjt_20170718 h2 {
  margin-bottom: 25px;
  font-size: 24px;
  color: #514f50;
  position: relative;
}

.zjt_20170718 h2:after {
  position: absolute;
  width: 110px;
  height: 4px;
  background-color: #3b80db;
  bottom: -15px;
  left: 0;
  content: '';
}

.zjt_prevbtn,
.zjt_nextbtn {
  display: block;
  position: absolute;
  cursor: pointer;
  width: 40px;
  height: 32px;
  color: #3688ff;
  border: 1px solid #b9b9b9;
  text-align: center;
  line-height: 32px;
  font-size: 18px;
  top: 0px;
  right: 5px;
}

.zjt_prevbtn {
  right: 46px;
}

.zjt_container {
  width: 1200px;
  height: 314px;
  position: relative;
}

.zjt-leftlogo {
  float: left;
  width: 107px;
  height: 314px;
  background-color: #1f2024;
  margin-right: 12px;
  text-align: center;
}

.zjt-leftlogo li {
  margin: 15px 0px;
  cursor: pointer;
}

.zjt-leftlogo li:nth-child(1),
.zjt-leftlogo li:nth-child(2) {
  position: relative;
  top: 5px;
}

.zjt-right {
  width: 1081px;
  float: left;
  position: relative;
  overflow: hidden;
  height: 314px;
}

.zjt-list {
  position: relative;
  overflow: hidden;
  height: 314px;
}

.zjt-list ul {
  width: 9999px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.zjt-list li {
  float: left;
  width: 206px;
  margin-right: 13px;
  height: 314px;
  background-color: #e7e7e7;
  box-sizing: border-box;
  padding-top: 7px;
}

.zjt-list li>div:nth-child(1) {
  width: 192px;
  margin: 0 auto;
  position: relative;
  margin-bottom: 3px;
  height: 201px;
  overflow: hidden;
}

.zjt-list li>div:nth-child(1) p {
  position: absolute;
  width: 182px;
  height: 196px;
  border: 2px solid rgba(231, 231, 231, 0.6);
  top: 3px;
  left: 3px;
}

.zjt-list li>div:nth-child(2) {
  height: 50px;
  text-align: center;
  line-height: 50px;
}

.zjt-list li>div:nth-child(2) img {
  vertical-align: middle;
}

.zjt-list li>h3 {
  font-size: 14px;
  line-height: 24px;
  color: #666666;
  text-align: center;
}

.zjt-list li>p {
  font-size: 14px !important;
  line-height: 24px !important;
  color: #666666;
  text-align: center;
}

.zjt-list li>p strong {
  font-size: 14px !important;
  line-height: 24px !important;
  color: #333;
  font-weight: normal;
}

.zjt-list li>p span {
  color: #3688ff;
}

.zjt-desc {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #1f2024;
  top: 0;
  color: #a5a5a5;
  font-size: 14px;
  line-height: 24px;
  top: 314px;
  left: 0;
  opacity: 0;
  -webkit-transition: 0.8s all ease;
  -moz-transition: 0.8s all ease;
  -ms-transition: 0.8s all ease;
  -o-transition: 0.8s all ease;
  transition: 0.8s all ease;
}

.zjt-desc.active {
  top: 0;
  left: 0;
  opacity: 1;
}

.zjt-desc-left,
.zjt-desc-cent,
.zjt-desc-right {
  float: left;
}

.zjt-desc-left {
  width: 162px;
  padding-bottom: 8px;
  position: relative;
  margin-left: 52px;
  margin-top: 31px;
  margin-right: 69px;
}

.zjt-desc-left:after {
  position: absolute;
  width: 40px;
  height: 4px;
  background-color: #3688ff;
  bottom: -4px;
  left: 0;
  content: '';
}

.zjt-desc-left:before {
  position: absolute;
  width: 20px;
  height: 15px;
  background-image: url(http://www.qfedu.com../images/mo/zjt_20170721/zjt-ico-01.png);
  top: -13px;
  left: -30px;
  content: '';
}

.zjt-desc-left h3 {
  font-size: 16px;
  line-height: 34px;
  color: #3688ff;
}

.zjt-desc-cent {
  width: 157px;
  margin-top: 47px;
  margin-right: 92px;
}

.zjt-desc-cent>div:nth-child(1) {
  width: 125px;
  height: 125px;
  position: relative;
  margin: 0 auto;
  margin-bottom: 26px;
}

.zjt-desc-cent>div:nth-child(1) p {
  position: absolute;
  width: 245px;
  height: 172px;
  top: -25px;
  left: -28px;
  background-image: url(http://www.qfedu.com../images/mo/zjt_20170721/zjt-pic-bg.png);
}

.zjt-desc-cent>div:nth-child(1) img {
  position: relative;
}

.zjt-desc-cent>p {
  font-size: 16px;
  line-height: 24px;
  color: #fff;
  text-align: center;
}

.zjt-desc-cent>h3 {
  font-size: 16px;
  line-height: 24px;
  color: #ababab;
  font-weight: bold;
  margin-bottom: 8px;
  text-align: center;
}

.zjt-desc-cent>div:last-child {
  width: 157px;
  height: 30px;
}

.zjt-desc-cent>div:last-child>div {
  width: 50px;
  float: left;
  height: 30px;
  text-align: center;
  background-color: #fff;
}

.zjt-desc-cent>div:last-child>div img {
  vertical-align: middle;
  width: 80%;
}

.zjt-desc-cent>div:last-child>p {
  float: left;
  width: 107px;
  background-color: #7d1bf9;
  text-align: center;
  font-size: 16px;
  line-height: 30px;
  color: #fff;
}

.zjt-desc-right {
  width: 516px;
  box-sizing: border-box;
  padding: 0 17px;
  position: relative;
  margin-top: 30px;
}

.zjt-desc-right:after {
  position: absolute;
  width: 100%;
  height: 20px;
  background-image: url(http://www.qfedu.com/images/zjt_20170721/zjt-desc-border-top.png);
  top: -13px;
  left: 0;
  content: '';
  -webkit-background-size: 100% 20px;
  background-size: 100% 20px;
}

.zjt-desc-right:before {
  position: absolute;
  width: 100%;
  height: 20px;
  background-image: url(http://www.qfedu.com/images/zjt_20170721/zjt-desc-border-bot.png);
  bottom: -13px;
  left: 0;
  content: '';
  -webkit-background-size: 100% 20px;
  background-size: 100% 20px;
}

.zjt-desc-right p:first-child {
  margin-bottom: 5px;
}

.zjt-desc-right span {
  color: #3688ff;
}

/*企业上门招聘*/
.smzp_1128 {
  margin-bottom: 30px;
  margin-top: 28px;
}

.smzp_1128 .base {
  position: relative;
}

.smzp_1128 h2 {
  margin-bottom: 25px;
  font-size: 24px;
  color: #514f50;
  position: relative;
}

.smzp_1128 h2:after {
  position: absolute;
  width: 110px;
  height: 4px;
  background-color: #3b80db;
  bottom: -15px;
  left: 0;
  content: '';
}

.smzp_nextbtn {
  display: inline-block;
  position: absolute;
  right: 0;
  top: 10px;
  width: 160px;
  border-radius: 25px;
  height: 35px;
  color: #fff;
  text-align: center;
  font-size: 15px;
  line-height: 35px;
  background: #ff7403;
}

.smzp_container {
  width: 1200px;
  height: 412px;
  position: relative;
}

.smzp-leftlogo {
  float: left;
  width: 107px;
  height: 412px;
  background-color: #1f2024;
  margin-right: 12px;
  text-align: center;
}

.smzp-leftlogo li {
  margin: 24px 0px;
  cursor: pointer;
}

.smzp-leftlogo li:nth-child(1),
.smzp-leftlogo li:nth-child(2) {
  position: relative;
  top: 5px;
}

.smzp-right {
  width: 1081px;
  float: left;
  position: relative;
  overflow: hidden;
  height: 412px;
}

.smzp-list {
  position: relative;
  left: 0;
  top: 0;
  height: 412px;
}

.smzp-list ul {
  width: 9999px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.smzp-list li {
  float: left;
  width: 348px;
  margin-right: 16px;
  height: 412px;
  background-color: #e7e7e7;
}

.smzp-list li a>div:nth-child(1) {
  width: 348px;
  margin: 0 auto;
  position: relative;
  margin-bottom: 15px;
  height: 207px;
  overflow: hidden;
}

.smzp-list li a>div:nth-child(1) p {
  position: absolute;
  width: 182px;
  height: 196px;
  border: 2px solid rgba(231, 231, 231, 0.6);
  top: 3px;
  left: 3px;
}

.smzp-list li a>div:nth-child(2) {
  height: 50px;
  text-align: center;
  line-height: 50px;
  margin-bottom: 10px;
}

.smzp-list li a>div:nth-child(2) img {
  vertical-align: middle;
}

.smzp-list li a>h3 {
  font-size: 16px;
  line-height: 30px;
  color: #000;
  margin-bottom: 5px;
  text-align: center;
  font-weight: bold;
}

.smzp-list li:hover a>h3 {
  color: #3688ff;
}

.smzp-list li a>p {
  font-size: 14px;
  line-height: 22px;
  color: #666666;
  width: 315px;
  margin: 0 auto;
  text-align: left;
  overflow: hidden;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  box-orient: vertical;
  display: -webkit-box;
  display: box;
}

/* 好评直播课 板块 */
.nzZb {
  padding-top: 40px;
}

.nzZb .fl {
  float: left;
}

.nzZb .fr {
  float: right;
}

.nzZb-cont>div {
  box-sizing: border-box;
  width: 656px;
  height: 298px;
  padding: 38px 30px 0;
  background-color: #f2f2f2;
}

.nzZb-cont>div>p {
  font-size: 15px;
  line-height: 23px;
  color: #4d4d4d;
  font-weight: normal;
  text-align: left;
  margin-bottom: 20px;
}

.nzZb-cont>div>h3 {
  font-size: 20px;
  line-height: 22px;
  color: #3c6af6;
  font-weight: bold;
  text-align: left;
  margin-bottom: 20px;
}

.nzZb-cont>div>div:nth-child(3) {
  padding-left: 17px;
  background-image: url(http://img.mobiletrain.org/templates/mobiletrain/images/mo/index/nzZb-ico1.png?123);
  background-repeat: no-repeat;
  background-position: left 3px;
  margin-bottom: 25px;
}

.nzZb-cont>div>div:nth-child(3) p {
  font-size: 15px;
  line-height: 23px;
  color: #4d4d4d;
  font-weight: normal;
  text-align: left;
}

.nzZb-cont>div>div:nth-child(4)>a {
  width: 185px;
  font-size: 16px;
  line-height: 34px;
  color: #1951d5;
  text-align: center;
  border-radius: 3px;
  border: 1px solid #1951d5;
  margin-right: 20px;
}

.nzZb-cont>div>div:nth-child(4)>a img {
  vertical-align: middle;
  position: relative;
  top: -3px;
  margin-left: 8px;
}

/* 千锋影音 */
.index-qfyy {
  margin-bottom: 60px;
  margin-top: 60px;
}

.index-qfyy .biaoti {
  position: relative;
}

.index-qfyy-title {
  display: flex;
  justify-content: space-between;
  margin-top: 44px;
  margin-bottom: 20px;
  /* height: 62px; */
  /* margin-bottom: 60px;
  padding-top: 50px;
  background-color: #ffffff; */
  /* box-shadow: 0px 20px 20px 0px rgba(50, 108, 246, 0.04); */
}

.index-qfyy .fl {
  float: left;
}

.index-qfyy .fr {
  float: right;
}

.index-qfyy .biaoti::after {
  content: '';
  background: #3b80db;
  width: 110px;
  height: 4px;
  position: absolute;
  left: 0px;
  bottom: -15px;
}

.index-qfyy-btns {
  /* margin-left: 80px; */
  /* position: relative;
  left: 50%;
  transform: translateX(-50%); */
}

.index-qfyy-btns div {
  height: 29px;
  line-height: 29px;
  font-size: 16px;
  color: #000;
  margin-right: 40px;
  /* margin-right: 70px;
  padding-bottom: 20px;
  padding-top: 4px;
  text-align: center; */
  cursor: pointer;
}

.index-qfyy-btns div.active {
  background-color: #326cf6;
  border-radius: 15px;
  padding: 0 15px;
  color: #fff;
  font-weight: bold;
}

.index-qfyy-subbtns {
  /* width: 138px; */
  position: relative;
  top: 16px;
  right: 0;
  z-index: 1;
}

.index-qfyy-subbtns p {
  width: 74px;
  text-align: center;
  font-size: 14px;
  color: #000;
}

.index-qfyy-subbtns .indexfont {
  color: #000;
  font-size: 12px;
}

.index-qfyy-cont {
  position: relative;
}

.index-qfyy-video {
  width: 937px;
  height: 527px;
  border-radius: 15px;
  overflow: hidden;
  position: relative;
}

.index-qfyy-video video {
  width: 100%;
  height: 100%;
}

.index-qfyy-video-btns {
  height: 527px;
  overflow: hidden;
}

.index-qfyy-video-btns .p-video-icon {
  width: 30px;
  height: 18px;
  line-height: 18px;
  background-color: #326cf6;
  border-radius: 9px;
  color: #fff;
  font-size: 10px;
  text-align: center;
}

.index-qfyy-video-btns .p-video-icon .index-bofang {
  font-size: 10px;
}

.index-qfyy-video-btns li {
  margin-bottom: 20px;
  cursor: pointer;
}

.index-qfyy-video-btns li>div:nth-child(1) {
  width: 236px;
  height: 132px;
  border-radius: 7px;
  overflow: hidden;
  position: relative;
  margin-bottom: 11px;
}

.index-qfyy-video-btns li>div:nth-child(1) video {
  width: 100%;
  height: 100%;
}

.index-qfyy-video-btns li>div:nth-child(1) span {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.1);
  top: 0;
  left: 0;
}

.index-qfyy-video-btns li.active p {
  color: #326cf6;
  width: 196px;
  white-space: nowrap;
  overflow: hidden;
}

.index-qfyy-video-btns li.active>div:nth-child(1) span {
  opacity: 0;
}

.index-qfyy-video-btns li p {
  font-size: 14px;
  width: 196px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/*设置 vjs样式*/
.video-js .vjs-big-play-button {
  width: 3em !important;
  height: 3em !important;
  top: 50% !important;
  left: 50% !important;
  margin-top: -1.5em !important;
  margin-left: -1.5em !important;
  border-radius: 50% !important;
}

.video-js .vjs-big-play-button span {
  width: 100px;
  height: 100px;
  background: url(http://www.qfedu.com/imgs2022/playBtn.png) no-repeat;
  background-size: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.video-js .vjs-big-play-button span::before {
  left: 0;
  top: 0;
  content: '';
  display: inline-block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 1px solid #fff;
  transform-origin: center;
  animation: playBtn_ripple_1 1.5s infinite;
}

.video-js .vjs-big-play-button span::after {
  position: absolute;
  left: 0;
  top: 0;
  content: '';
  display: inline-block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 1px solid #fff;
  transform-origin: center;
  transform: scale(1.5);
  animation: playBtn_ripple_2 1.5s infinite 1.5s;
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  content: '';
}

.video-js .vjs-big-play-button {
  font-size: 0;
}

@keyframes playBtn_ripple_1 {
  to {
    -webkit-transform: scale(1.5);
    -o-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
  }
}

@keyframes playBtn_ripple_2 {
  from {
    opacity: 1;
  }

  5% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.index-qfyy .vjs-poster {
  background-size: cover;
  background-color: #fff;
}

.index-qfyy .video-js {
  background-color: #fff;
}

/*在线VIP课堂*/
.index-zbkt .fl {
  float: left;
}

.index-zbkt-cont {
  margin-top: 18px;
}

.index-zbkt-cont li {
  width: 290px;
  margin-right: 13px;
  margin-bottom: 25px;
  height: 110px;
}

.index-zbkt-cont li:nth-child(4n) {
  margin-right: 0;
}

.index-zbkt-cont li>div:nth-child(1) {
  width: 65px;
  height: 65px;
  background-color: #fff;
  border-radius: 50%;
  box-shadow: 0 0 32px rgba(108, 163, 242, 0.3);
  text-align: center;
  line-height: 65px;
  margin-top: 15px;
}

.index-zbkt-cont li>div:nth-child(1) img {
  vertical-align: middle;
}

.index-zbkt-cont li>div:nth-child(2) {
  width: 210px;
  margin-left: 15px;
}

.index-zbkt-cont li>div:nth-child(2) h3 {
  font-size: 16px;
  line-height: 22px;
  color: #333;
  margin-bottom: 8px;
  text-indent: -7px;
}

.index-zbkt-cont li>div:nth-child(2) p {
  font-size: 14px;
  line-height: 22px;
  color: #6b6b6b;
  margin-bottom: 8px;
}

.index-zbkt-cont li>div:nth-child(2) a {
  display: block;
  width: 67px;
  height: 25px;
  border-radius: 3px;
  background-color: #3688ff;
  font-size: 12px;
  line-height: 25px;
  color: #fff;
  text-align: center;
}

/*OMO线上线下学习双选择*/
.omo {
  background-color: #f6f6f6;
  padding: 30px 0;
}

.omo-cont {
  margin-top: 35px;
}

.omo-cont>div {
  box-sizing: border-box;
  width: 230px;
  height: 292px;
  border-radius: 8px;
  background-color: #fff;
  padding-top: 38px;
  text-align: center;
  margin-right: 12px;
}

.omo-cont>div:hover {
  background-color: #3579f6;
  box-shadow: 0 0 20px #b0ccff;
}

.omo-cont>div:hover p,
.omo-cont>div:hover h3,
.omo-cont>div:hover h4,
.omo-cont>div:hover a {
  color: #fff;
}

.omo-cont>div:hover a {
  border-color: #fff;
}

.omo-cont>div:hover a span {
  background: url(../images/mo/index/omo-ico-hand2.png);
}

.omo-cont>div:last-child {
  margin-right: 0;
}

.omo-cont>div>div {
  width: 78px;
  height: 78px;
  margin: 0 auto;
  border-radius: 50%;
  text-align: center;
  line-height: 78px;
  margin-bottom: 5px;
  background-color: #fff;
}

.omo-cont>div>div img {
  vertical-align: middle;
}

.omo-cont>div p {
  font-size: 14px;
  line-height: 22px;
  color: #7c7c81;
  margin-bottom: 15px;
}

.omo-cont>div h3 {
  font-size: 17px;
  line-height: 24px;
  color: #514f50;
  font-weight: bold;
}

.omo-cont>div h4 {
  font-size: 13px;
  line-height: 24px;
  color: #7c7c81;
  margin-bottom: 24px;
}

.omo-cont>div a {
  display: block;
  width: 149px;
  height: 28px;
  border: 1px solid #cbcbcd;
  border-radius: 5px;
  font-size: 12px;
  line-height: 28px;
  color: #747273;
  margin: 0 auto;
}

.omo-cont>div a span {
  display: inline-block;
  width: 14px;
  height: 18px;
  background: url(../images/mo/index/omo-ico-hand.png);
  vertical-align: middle;
}

.omo-cont>div a span {
  margin-left: 5px;
}

/* 大咖讲师团 */
.qf-teachers {
  padding-bottom: 20px;
}

.qf-teachers-cont {
  margin-top: 25px;
}

.qf-teachers-cont>div {
  position: relative;
  margin-right: 9px;
  width: 192px;
  height: 294px;
}

.qf-teachers-cont>div>img {
  width: 100%;
}

.qf-teachers-cont>div:last-child {
  margin-right: 0;
}

.qf-teachers-cont>div div {
  height: 60px;
  width: 100%;
  left: 0;
  bottom: 0;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.7);
  box-sizing: border-box;
  padding-left: 10px;
  padding-top: 7px;
}

.qf-teachers-cont>div h3 {
  font-size: 18px;
  line-height: 24px;
  color: #fff;
}

.qf-teachers-cont>div p {
  font-size: 14px;
  line-height: 24px;
  color: #fff;
}

/* 课程体系 */
.kctx {
  padding: 30px 0;
}

.kctx-btns {
  margin-top: 30px;
}

.kctx-btns>div {
  width: 100px;
  height: 54px;
}

.kctx-btns>div div {
  width: 80%;
  margin: 0 auto;
  display: table;
  height: 100%;
  text-align: center;
  padding-bottom: 10px;
  cursor: pointer;
  box-sizing: border-box;
  border-bottom: 4px solid rgba(0, 0, 0, 0);
}

.kctx-btns>div.active div {
  border-color: #f05b13;
}

.kctx-btns>div div p {
  display: table-cell;
  vertical-align: middle;
  font-size: 14px;
  line-height: 18px;
  color: #514f50;
}

.kctx-conts {
  position: relative;
}

.kctx-conts-bg {
  position: absolute;
  width: 100%;
  height: 427px;
  top: 0;
  left: 0;
  background: #ef5a10;
  background: linear-gradient(to bottom, #ef5a10, #ff8144);
}

.kctx-conts .base {
  position: relative;
  z-index: 2;
}

.kctx-xktitle {
  padding: 18px 0;
}

.kctx-xktitle img {
  margin-left: 15px;
}

.kctx-xktitle h3 {
  font-size: 24px;
  line-height: 65px;
  color: #fff;
  font-weight: bold;
  margin-left: 15px;
}

.kctx-xk-cont {
  background-color: #fff;
  border-radius: 10px;
  /* min-height: 450px; */
  margin-bottom: 40px;
  box-shadow: 0 0 26px rgba(140, 140, 140, 0.2);
  box-sizing: border-box;
  padding: 50px 40px 35px;
}

.kctx-xk-cont-desc {
  margin-bottom: 30px;
}

.kctx-xk-cont-desc>div {
  border-right: 1px solid #e5e5e5;
  box-sizing: border-box;
  height: 136px;
}

.kctx-xk-cont-desc>div:nth-child(1) {
  width: 284px;
}

.kctx-xk-cont-desc>div:nth-child(2) {
  width: 488px;
  padding-left: 80px;
}

.kctx-xk-cont-desc>div:nth-child(3) {
  width: 348px;
  padding-left: 70px;
  border: none;
}

.kctx-xk-cont-desc>div>div:nth-child(1) {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  background: #ef5a10;
  background: linear-gradient(to bottom, #ef5a10, #fb854b);
  margin-right: 12px;
  margin-top: 7px;
}

.kctx-xk-cont-desc>div:nth-child(2)>div:nth-child(1) {
  background: #7d6cf7;
  background: linear-gradient(to bottom, #7d6cf7, #b38ff8);
}

.kctx-xk-cont-desc>div:nth-child(3)>div:nth-child(1) {
  background: #688df7;
  background: linear-gradient(to bottom, #688df7, #89b9fa);
}

.kctx-xk-cont-desc>div:nth-child(2)>div:nth-child(2) {
  width: 295px;
}

.kctx-xk-cont-desc>div>div:nth-child(2) h3 {
  font-size: 20px;
  color: #514f50;
  font-weight: bold;
  margin-bottom: 18px;
}

.kctx-xk-cont-desc>div>div:nth-child(2) p {
  font-size: 14px;
  line-height: 22px;
  color: #858589;
}

.kctx-xk-cont-course {
  width: 193px;
}

.kctx-xk-cont-course div {
  text-align: center;
}

.kctx-xk-cont-course div:nth-child(2) a {
  border-color: #4989f6;
  color: #4989f6;
}

.kctx-xk-cont-course div p {
  font-size: 14px;
  line-height: 26px;
  color: #514f50;
  margin-bottom: 8px;
}

.kctx-xk-cont-course div a {
  display: inline-block;
  width: 86px;
  height: 20px;
  border: 1px solid #ef5910;
  color: #ef5910;
  text-align: center;
}

.kctx-xk-cont-kb {
  margin-bottom: 30px;
  /* height: 155px; */
  overflow: hidden;
}

.kctx-xk-cont-kb li {
  width: 250px;
  margin-right: 39px;
  margin-bottom: 10px;
}

.kctx-xk-cont-kb li.cur-bold p {
  font-weight: bold;
  color: #f05b13;
}

.kctx-xk-cont-kb li:nth-child(4n) {
  margin-right: 0;
}

.kctx-xk-cont-kb li p {
  font-size: 12px;
  line-height: 21px;
  color: #333;
}

.kctx-xk-cont-kb li p:nth-child(1) {
  width: 160px;
  overflow: hidden;
  /* text-overflow: ellipsis; */
  white-space: nowrap;
  margin-right: 8px;
}

.kctx-xk-cont-kb li a {
  font-size: 13px;
  line-height: 21px;
  background-color: #4a89f7;
  text-align: center;
  width: 36px;
  border-radius: 4px;
  color: #fff;
}

.kctx-xk-cont-btns {
  text-align: center;
}

.kctx-xk-cont-btns a {
  display: inline-block;
  width: 174px;
  height: 40px;
  border-radius: 20px;
  box-sizing: border-box;
  margin: 0 15px;
  font-size: 16px;
  line-height: 40px;
}

.kctx-xk-cont-btns a:nth-child(1) {
  background-color: #4a8af7;
  color: #fff;
}

.kctx-xk-cont-btns a:nth-child(2) {
  color: #333;
  border: 1px solid #333333;
  line-height: 38px;
  display: none;
}

.kctx-xk-cont-btns.has-hcxy a:nth-child(2) {
  display: inline-block;
}

.kctx-xk-hcxy {
  position: relative;
  height: 166px;
  background: url('../images/mo/index/kctx-hcxy-bg.jpg');
}

.kctx-xk-hcxy div {
  position: absolute;
  width: 468px;
  height: 53px;
  top: 67px;
  left: 465px;
  text-align: center;
  box-sizing: border-box;
  padding-top: 11px;
}

.kctx-xk-hcxy div p {
  display: inline-block;
  font-size: 12px;
  line-height: 16px;
  color: #fff;
  padding: 0 15px;
  border-right: 1px solid rgba(255, 255, 255, 0.3);
}

.kctx-xk-hcxy div p:last-child {
  border: none;
}

.kctx-xk-hcxy a {
  position: absolute;
  width: 150px;
  height: 32px;
  background: #ee702e;
  border-radius: 16px;
  font-size: 14px;
  line-height: 32px;
  text-align: center;
  top: 77px;
  right: 94px;
  color: #fff;
}

img {
  border: none;
}

.clear {
  zoom: 1;
}

a {
  text-decoration: none;
}

em,
i {
  font-style: normal;
}

.clear:after {
  content: '';
  display: block;
  clear: both;
}

/*top*/
.top {
  height: 37px;
  background-color: #edf0f4;
  z-index: 2;
}

.top .sy_top_c {
  display: flex;
  justify-content: space-between;
}

.top .sy_top_c .sy_top_left {
  display: flex;
}

.top .sy_top_c .sy_top_left .sy_top_txt {
  color: #7d7d7d;
  font-size: 12px;
  line-height: 37px;
  margin-right: 24px;
  white-space: nowrap;
}

.top .sy_top_c .sy_top_right {
  display: flex;
  align-items: center;
  height: 37px;
}

.top .sy_top_c .sy_top_right .header-gfweixin {
  position: relative;
}

.top .sy_top_c .sy_top_right .header-gfweixin .sy_top_right_qrcode {
  display: block;
  width: 108px;
  height: 24px;
  background-color: #326cf6;
  border-radius: 4px;
  font-size: 13px;
  line-height: 24px;
  color: #ffffff;
  text-align: center;
  box-sizing: border-box;
}

.top .sy_top_c .sy_top_right .header-gfweixin div {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 27px;
  width: 171px;
  height: 171px;
  background: #fff;
  box-sizing: border-box;
  box-shadow: 0px 0px 10px 0px rgba(216, 220, 233, 0.3);
  border-radius: 6px;
  border: solid 1px #f2f3f9;
  text-align: center;
  display: none;
  z-index: 2;
}

.top .sy_top_c .sy_top_right .header-gfweixin div img {
  height: 111px;
  display: block;
  margin: 7px auto 2px auto;
}

.top .sy_top_c .sy_top_right .header-gfweixin div p {
  width: 100%;
  font-size: 12px;
  line-height: 18px;
  color: #666666;
}

.top .sy_top_c .sy_top_right .header-gfweixin:hover div {
  display: block;
}

.top .sy_top_c .sy_top_right .sinaweibo {
  width: 78px;
  height: 24px;
  margin-left: 17px;
  margin-right: 4px;
  margin-top: 2px;
}

.top .sy_top_c .sy_top_right .sy_top_warp {
  position: relative;
  color: #979797;
  font-size: 14px;
  padding: 0 5px;
}

.top .sy_top_c .sy_top_right .sy_top_warp .index-xia_sanjiao {
  display: inline-block;
  font-size: 6px;
  color: #999999;
  margin-left: 4px;
  transform: rotate(0deg);
}

.top .sy_top_c .sy_top_right .sy_top_warp:hover {
  background: #fff;
  line-height: 37px;
  color: #326cf6;
}

.top .sy_top_right .sy_top_warp:hover .index-xia_sanjiao {
  color: #326cf6;
  transform: rotate(180deg);
}

.top .sy_top_right .sy_top_warp:hover .sy_wap_box {
  display: flex;
}

.top .sy_top_right .sy_top_warp .sy_wap_box {
  display: none;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 37px;
  right: 0;
  width: 369px;
  height: 171px;
  background: #fff;
  box-shadow: 0px 0px 10px 0px rgba(216, 220, 233, 0.3);
  /* border-radius: 6px; */
  border: solid 1px #f2f3f9;
  box-sizing: border-box;
  z-index: 4;
  border-top: none;
}

.top .sy_top_right .sy_top_warp .sy_wap_box div {
  width: 160px;
  text-align: center;
}

.top .sy_top_right .sy_top_warp .sy_wap_box .mini img {
  height: 110px;
}

.top .sy_top_right .sy_top_warp .sy_wap_box .gzh img {
  height: 92px;
  margin-bottom: 7px;
  margin-top: 10px;
}

.top .sy_top_right .sy_top_warp .sy_wap_box div p {
  text-align: center;
  color: #666666;
  font-size: 12px;
}

/*nav*/
.nav_bg {
  display: flex;
  justify-content: space-between;
  height: 127px;
  align-items: center;
}

.nav_bg .nav-bg-left {
  display: flex;
  align-items: center;
}

.nav_bg .nav-bg-left .qf_logo img {
  height: 43px;
}

.nav_bg .nav-bg-left .nav_logo {
  height: 21px;
  margin-left: 30px;
  margin-right: 36px;
}

.nav_bg .nav-bg-left .nav-news {
  display: flex;
  align-items: center;
  width: 458px;
  height: 47px;
  line-height: 47px;
  border-radius: 6px;
  border: solid 1px #eeeeee;
}

.nav_bg .nav-bg-left .nav-news i {
  color: #ff6600;
  font-size: 16px;
}

.nav_bg .nav-bg-left .nav-news .index-xiaolaba {
  padding-left: 16px;
  margin-right: 4px;
}

.nav_bg .nav-bg-left .nav-news .swiper-news {
  width: 340px;
  height: 47px;
}

.nav_bg .nav-bg-left .nav-news .swiper-news a {
  display: flex;
}

.nav_bg .nav-bg-left .nav-news .swiper-news a i {
  display: block;
  font-size: 14px;
  color: #000;
  width: 260px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-right: -4px;
  margin-left: 8px;
}

.nav_bg .nav-bg-left .nav-news .swiper-news a em {
  color: #ff6600;
}

.nav_bg .nav_phone {
  display: flex;
  align-items: center;
}

.nav_bg .nav_phone .icon-dianhua1 {
  width: 37px;
  height: 37px;
  line-height: 37px;
  background-color: #326cf6;
  border-radius: 50%;
  color: #fff;
  font-size: 22px;
  text-align: center;
  animation: phoneIcon_ani ease 0.5s infinite alternate;
}

.nav_bg .nav_phone span {
  margin-left: 10px;
}

.nav_bg .nav_phone span em {
  display: block;
  color: #666;
  font-size: 14px;
  text-align: center;
  letter-spacing: 8px;
}

.nav_bg .nav_phone span em:first-child {
  letter-spacing: 0px;
  color: #326cf6;
  font-size: 24px;
}

@keyframes phoneIcon_ani {
  from {
    transform: scale(1);
  }

  to {
    transform: scale(1.2);
  }
}

.nav_left img {
  float: left;
}

.nav_left .xq {
  position: relative;
  /* top: 8px; */
}

.nav_left .xq_tab {
  position: relative;
  cursor: pointer;
  z-index: 1000;
}

.nav_left .p1 {
  /* width: 0px;
  height: 0px;
  background: #fff;
  box-shadow: 0px 0px 10px 0px rgba(216, 220, 233, 0.3);
  border-radius: 6px;
  border: solid 1px #f2f3f9;
  box-sizing: border-box;
  overflow: hidden;
  margin-top: 5px; */
  width: 0px;
  height: 0px;
  background: rgb(255, 255, 255);
  box-shadow: rgb(216 220 233 / 30%) 0px 0px 10px 0px;
  border: 1px solid rgb(242, 243, 249);
  box-sizing: border-box;
  overflow: hidden;
  margin-top: 0px;
  border-top: none;
}

.nav_left .xq_tab:hover .p1 {
  width: 333px;
  height: 121px;
}

.nav_left .xq_tab:hover em {
  color: #326cf6;
}

.nav_left .xq_tab:hover em .index-xia_sanjiao {
  color: #326cf6;
  transform: rotate(-180deg);
}

.nav_left .p1 .p2 {
  padding: 24px 20px 20px 10px;
}

.nav_left .xq_tab em {
  position: relative;
  color: rgb(0, 0, 0);
  font-size: 14px;
  display: block;
  height: 100%;
  line-height: 37px;
  width: 80px;
  margin-top: -1px;
  padding-left: 10px;
}

.nav_left .xq_tab:hover em {
  background: #fff;
}

.nav_left .xq_tab em .index-ditu-dibiao {
  color: #ff6600;
  font-size: 16px;
  margin-right: 4px;
}

.nav_left .xq_tab em .index-xia_sanjiao {
  display: inline-block;
  color: #999;
  font-size: 8px;
  margin-left: 4px;
  transform: rotate(0deg);
}

.nav_left a {
  display: inline-block;
  color: #000;
  font-size: 14px;
  padding-left: 8px;
  white-space: nowrap;
  padding-bottom: 8px;
}

.nav_left a:hover {
  color: #326cf6;
}

.index_nav_r {
  float: right;
  padding-top: 10px;
}

/*nav_new170109*/
.class170109 {
  background: #fff;
  height: 0;
  overflow: hidden;
  width: 100%;
  border-bottom: 1px solid #dbdbdb;
}

.class170109.on {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  height: 162px;
}

.class170109 .basebase {
  border-top: 1px solid #dbdbdb;
}

.class170109 .base {
  padding: 20px 0;
}

.class170109 a {
  display: block;
  float: left;
  text-align: center;
  width: 83px;
  padding: 10px 0;
  border-right: 1px solid #e2e2e2;
}

.class170109 a:nth-child(1) {
  width: 64px;
  padding-right: 10px;
}

.class170109 a:nth-last-child(1) {
  border: none;
  width: 83px;
  /* padding-left:10px; */
}

.class170109 img {
  margin: 0 auto;
  margin-bottom: 6px;
}

.class170109 u {
  display: block;
  text-decoration: none;
  color: #797979;
  font-size: 12px;
}

.class170109 a:hover u {
  color: #ff7403;
  font-weight: bold;
}

.class170109 a:hover {
  -webkit-transform: translatey(-4px);
  -moz-transform: translatey(-4px);
  -ms-transform: translatey(-4px);
  -o-transform: translatey(-4px);
}

.class170109 .base {
  padding: 20px 0;
}

.android_con2_list1 li {
  float: left;
}

.android_con2_list1 .h5_ts {
  background: #b4d9f0;
  display: block;
  padding-top: 30px;
}

.android_con2_list1 .h5_ts div {
  width: 525px;
  margin: 0 auto;
}

.android_con2_list1 .h5_ts .h5_title {
  margin-bottom: 23px;
}

.h5_title {
  color: #fff;
  padding: 0 30px;
  background: #368fc4;
  height: 62px;
  line-height: 62px;
}

.h5_title h2 {
  float: left;
  font-size: 26px;
}

.h5_title span {
  display: block;
  float: right;
  font-size: 14px;
  padding-top: 5px;
}

.android_con2_list1 .h5_ts .h5_nr {
  color: #3c3c3c;
  margin-bottom: 20px;
}

.h5_nr h3 {
  font-size: 16px;
  margin-bottom: 8px;
  line-height: 16px;
}

.h5_nr i {
  display: block;
  line-height: 26px;
  font-size: 14px;
  color: #555454;
  height: 120px;
}

.h5_img {
  position: relative;
  width: 525px;
  height: 400px;
}

.h5_img img {
  position: absolute;
  top: 0;
  left: 0;
}

.h5_img img:nth-child(3) {
  top: 34px;
  left: 4px;
}

.h5_img img:nth-child(1) {
  z-index: 2;
  top: -14px;
  left: 4px;
}

.h5_link1701 em {
  display: block;
  float: right;
  padding: 15px 0 25px 0;
  color: #ff2000;
  font-size: 16px;
}

.fixed_blank {
  background: #475056;
}

/*bottom*/
/* .bottom_part2 {
  background: #276dc3;
  overflow: hidden;
  padding-bottom: 50px;
} */
.c_base {
  width: 1200px;
  margin: 0 auto;
  position: relative;
}

.c_bot_lt {
  width: 1200px;
  float: left;
  position: relative;
  z-index: 30;
}

.c_bot_rg {
  float: right;
  position: absolute;
  top: 5px;
  right: 0;
}

.c_bot_lt_hd:after {
  content: '';
  display: block;
  clear: both;
}

.c_bot_lt_hd a {
  float: left;
  width: 60px;
  height: 95px;
  line-height: 95px;
  margin-right: 0px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  font-size: 20px;
  font-weight: 100;
  padding-bottom: 10px;
}

/*  .c_bot_lt_hd a:nth-child(13){
    margin-right: 0px;
 } */
.c_bot_lt_hd a:last-child {
  margin-right: 0px;
}

.c_bot_lt_hd a.active {
  background: url(http://www.mobiletrain.org/images/index/bottom_part2.png) no-repeat center top;
}

.c_bot_rg {
  position: absolute;
  right: 0;
  top: 5px;
}

.c_bot_lt ul {
  padding: 1% 0 0;
  width: 715px;
  min-height: 163px;
}

.c_bot_lt li {
  color: #fff;
  line-height: 200%;
  display: none;
  font-size: 16px;
  text-align: left;
  font-weight: 100;
}

.c_bot_lt li span {
  color: #ff7403;
  font-size: 26px;
}

.c_bot_rg li {
  float: left;
  font-size: 13px;
  text-align: center;
  color: #fff;
  line-height: 18px;
  padding-top: 35%;
}

.c_bot_rg li p {
  padding-top: 5px;
}

/* .bottom_part2 strong {
  font-size: 18px;
  font-weight: 900;
  color: #edba11;
  line-height: 56px;
} */
/* .bottom_part3 {
  width: 100%;
  background: #143257;
  box-sizing: border-box;
  padding: 5px 0px 11px;
}
.c_footer {
  text-align: center;
  font-size: 13px;
  line-height: 28px;
  color: #afafaf;
}
.c_footer a {
  padding: 0 2px;
} */
/* .c_footer .c_footer_nav a:hover {
  text-decoration: underline;
}
.c_footer_nav {
  width: 100%;
  text-align: center;
} */
.c_footer_nav a {
  font-size: 13px;
  padding: 4px;
  color: #fff;
}

.c_footer_nav a:hover {
  padding: 0 4px;
  color: #ffda0c;
}

.c_footer p a {
  color: #afafaf;
}

.c_footer p {
  font-size: 12px;
  line-height: 14px;
}

.bottom_part3 .base {
  padding: 0;
}

@media screen and (max-width: 1430px) {

  .base_fixed,
  .base_fixed_sy2 {
    display: none;
  }
}

/*left*/
.base_fixed {
  background: rgba(0, 0, 0, 0);
  width: 65px;
  position: absolute;
  z-index: 100000;
  left: 0;
}

.base_fixed a {
  display: block;
  width: 65px;
  height: 28px;
  border: 1px solid #e3e3e3;
  border-top: none;
  text-align: center;
  padding-top: 40px;
  font-size: 12px;
  line-height: 20px;
  background: #fff url(http://www.mobiletrain.org/images/b_f_ico.png) no-repeat 20px 15px;
  color: #000000;
  text-decoration: none;
}

.base_fixed .f_a1 {
  background: #f1801b url(http://www.mobiletrain.org/images/b_f_ico.png) no-repeat 20px 15px;
  color: #fff;
  border-color: #f1801b;
  border-bottom: 1px solid #e3e3e3;
}

.base_fixed .f_a2 {
  background: #fff url(http://www.mobiletrain.org/images/b_f_ico.png) no-repeat 20px -49px;
}

.base_fixed .f_a3 {
  background: #fff url(http://www.mobiletrain.org/images/b_f_ico.png) no-repeat 20px -108px;
}

.base_fixed .f_a4 {
  background: #fff url(http://www.mobiletrain.org/images/b_f_ico.png) no-repeat 20px -168px;
}

.base_fixed .f_a7 {
  background: #fff url(http://www.mobiletrain.org/images/b_f_ico.png) no-repeat 20px -368px;
}

.base_fixed .f_a7:hover {
  background: #f1801b url(http://www.mobiletrain.org/images/b_f_ico.png) no-repeat -47px -368px;
  color: #fff;
  border-color: #f1801b;
}

.base_fixed .f_a5 {
  background: #fff url(http://www.mobiletrain.org/images/b_f_ico.png) no-repeat 20px -228px;
}

.base_fixed .f_a6 {
  background: #fff url(http://www.mobiletrain.org/images/b_f_ico.png) no-repeat 20px -288px;
  position: relative;
  -webkit-transition: 0.3s;
}

.base_fixed .f_a2:hover {
  background: #f1801b url(http://www.mobiletrain.org/images/b_f_ico.png) no-repeat -44px -49px;
  color: #fff;
  border-color: #f1801b;
}

.base_fixed .f_a3:hover {
  background: #f1801b url(http://www.mobiletrain.org/images/b_f_ico.png) no-repeat -44px -108px;
  color: #fff;
  border-color: #f1801b;
}

.base_fixed .f_a4:hover {
  background: #f1801b url(http://www.mobiletrain.org/images/b_f_ico.png) no-repeat -44px -168px;
  color: #fff;
  border-color: #f1801b;
}

.base_fixed .f_a5:hover {
  background: #f1801b url(http://www.mobiletrain.org/images/b_f_ico.png) no-repeat -44px -228px;
  color: #fff;
  border-color: #f1801b;
}

.base_fixed .f_a6:hover {
  background: #f1801b url(http://www.mobiletrain.org/images/b_f_ico.png) no-repeat -44px -288px;
  color: #fff;
  border-color: #f1801b;
}

.base_fixed .f_a6:hover i {
  width: 150px;
}

.base_fixed i {
  display: inline-block;
  background: #f1801b;
  position: absolute;
  font-size: 14px;
  font-weight: bold;
  width: 150px;
  text-align: center;
  height: 69px;
  line-height: 69px;
  left: 70px;
  top: 0;
  color: #fff;
  font-style: normal;
  overflow: hidden;
  -webkit-transition: 0.3s;
  width: 0;
}

.base_fixed_sy {
  background: rgba(0, 0, 0, 0);
  width: 65px;
  position: absolute;
  z-index: 100000;
  left: 0;
}

.base_fixed_sy a {
  font-size: 12px;
  color: #fff;
  display: block;
  width: 72px;
  height: 44px;
  background: #107eb9;
  line-height: 44px;
  border: 0px;
  border-bottom: 1px solid #70b2d5;
  padding-top: 0px;
  position: relative;
  text-align: center;
}

.base_fixed_sy a span {
  display: block;
  position: absolute;
  top: -1px;
  left: 0px;
  background: #fff;
  width: 72px;
  overflow: hidden;
  height: 44px;
  border: 1px solid rgba(255, 0, 0, 0.2);
  opacity: 0;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
}

.base_fixed_sy a span em {
  font-size: 12px;
  line-height: 44px;
  color: #107eb9;
  display: none;
  float: right;
  width: 111px;
  text-align: center;
}

.base_fixed_sy a span i {
  display: block;
  float: left;
  width: 72px;
  text-align: center;
  line-height: 44px;
  color: #e70012;
  font-size: 12px;
}

.base_fixed_sy a:hover span {
  opacity: 1;
  width: 185px;
}

.base_fixed_sy a:hover span em {
  display: block;
}

.base_fixed_sy .qf_fix02 {
  display: none;
}

.base_fixed_sy2 {
  position: absolute;
  left: 0;
  top: 200px !important;
  z-index: 1000035;
  width: 142px;
  background: rgba(0, 0, 0, 0);
}

.fixed_wrap {
  position: relative;
  width: 142px;
  top: -66px;
}

.base_fixed_sy2 p {
  width: 142px;
  height: 135px;
  position: relative;
  cursor: pointer;
}

.base_fixed_sy2 p img {
  width: 100%;
}

.base_fixed_sy2 a {
  display: block;
  position: relative;
  width: 111px;
  height: 27px;
  border: 1px solid #ec4dff;
  box-sizing: border-box;
  margin-bottom: 6px;
  margin-left: 4px;
  background: -webkit-linear-gradient(90deg, #8a00fd, #d500f7);
  background: -o-linear-gradient(90deg, #8a00fd, #d500f7);
  background: -moz-linear-gradient(90deg, #8a00fd, #d500f7);
  background: linear-gradient(90deg, #8a00fd, #d500f7);
}

.base_fixed_sy2 a:after {
  content: '';
  display: block;
  position: absolute;
  width: 111px;
  height: 6px;
  background: url('http://img.mobiletrain.org/templates/mobiletrain/images/mo/index/fc-after.png') no-repeat center top;
  background-size: 100% 100%;
  left: 0;
  bottom: -7px;
}

.base_fixed_sy2 a:nth-child(13):after,
.base_fixed_sy2 a:nth-child(14):after {
  display: none;
}

.base_fixed_sy2 a:nth-child(13) {
  margin-bottom: 0;
}

.base_fixed_sy2 a span {
  display: none;
  position: relative;
}

.base_fixed_sy2 a span:after {
  content: '';
  display: none;
  position: absolute;
  width: 26px;
  height: 26px;
  background: url('http://img.mobiletrain.org/templates/mobiletrain/images/mo/index/fc-btn.png') no-repeat center top;
  background-size: 100% 100%;
  right: -13px;
  top: 10px;
}

.base_fixed_sy2 a i {
  font-size: 12px;
  color: #fff;
  display: block;
  width: 100%;
  height: 100%;
  line-height: 25px;
  text-align: center;
}

.base_fixed_sy2 a:hover {
  width: 111px;
  height: 46px;
  border: 2px solid #ec4dff;
  box-sizing: border-box;
}

.base_fixed_sy2 a:hover:after {
  bottom: -8px;
}

.base_fixed_sy2 a:hover span {
  display: block;
  width: 100%;
  height: 100%;
  background: url('http://img.mobiletrain.org/templates/mobiletrain/images/mo/index/fc-hover.png') no-repeat center top;
  background-size: 100% 100%;
  box-sizing: border-box;
  padding-top: 5px;
  font-size: 12px;
  color: #9200fc;
  text-align: center;
}

.base_fixed_sy2 a:hover span:after {
  display: block;
}

.base_fixed_sy2 a:hover i {
  display: none;
}

.base_fixed_sy2 .mb0 {
  margin-bottom: 0px;
}

.base_fixed_sy2 .qf_fix02 {
  display: block;
  width: 86px;
  height: 30px;
  border-radius: 0px 0px 10px 10px;
  margin-left: 17px;
  background: #7101c4;
  font-size: 12px;
  text-align: center;
  line-height: 30px;
  color: #ffff00;
  border: 0;
  cursor: pointer;
}

/*放大镜*/
.big17410 {
  cursor: url(http://www.mobiletrain.org/images/+.ico), auto;
}

.big17410 img {
  position: relative;
  z-index: 1000;
}

.base-bk-big {
  background: #fff;
}

.base-bk-17520 {
  padding: 60px 0;
}

.base-bk-17520 h4 {
  font-size: 48px;
  line-height: 48px;
  color: #000;
  margin-bottom: 15px;
  font-weight: 100;
}

.base-bk-17520 h4,
.base-bk-17520 p,
.base-bk-17520 .link17520 {
  text-align: center;
}

.base-bk-17520 p {
  color: #4a4a4a;
  font-size: 24px;
  line-height: 36px;
  margin-bottom: 40px;
}

.base-bk-17520 p i,
.base-bk-17520 li em i {
  color: #e24242;
  font-weight: bold;
}

.base-bk-17520 a.base-link-17520 {
  display: inline-block;
  padding: 15px 50px;
  color: #fff;
  background: #f34848;
  border-radius: 30px;
  font-size: 20px;
}

.base-bk-17520 a.base-link-17520:hover {
  background: #df4242;
}

.base-bk-17520 ul {
  margin-bottom: 40px;
  overflow: hidden;
}

.base-bk-17520 li {
  padding: 15px 0 0 0;
  text-align: center;
  float: left;
  width: 212px;
  border: 1px solid #ccc;
  margin-right: 7px;
}

.base-bk-17520 li:nth-last-child(1) {
  margin-right: 0;
}

.base-bk-17520 li:hover {
  border-color: #f34848;
}

.base-bk-17520 li img {
  margin-bottom: 20px;
}

.base-bk-17520 li h2 {
  margin-bottom: 12px;
  font-size: 16px;
  color: #5c5c5c;
}

.base-bk-17520 li em {
  display: inline-block;
  text-align: left;
  font-size: 14px;
  color: #898989;
  line-height: 22px;
  margin-bottom: 25px;
}

.base-bk-17520 li a {
  display: block;
  border-top: 1px solid #ccc;
  padding: 10px 0;
  font-size: 16px;
  color: #f34848;
}

.base-bk-17520 li a:hover {
  text-decoration: underline;
}

.base_fixed {
  background: rgba(0, 0, 0, 0);
  width: 65px;
  position: absolute;
  z-index: 100000;
  left: 0;
}

.base_fixed a {
  display: block;
  width: 65px;
  height: 28px;
  border: 1px solid #e3e3e3;
  border-top: none;
  text-align: center;
  padding-top: 40px;
  font-size: 12px;
  line-height: 20px;
  background: #fff url(http://www.mobiletrain.org/images/b_f_ico_new.png) no-repeat 20px 15px;
  color: #000000;
  text-decoration: none;
}

.base_fixed .f_a1 {
  background: #f1801b url(http://www.mobiletrain.org/images/b_f_ico_new.png) no-repeat 20px 15px;
  color: #fff;
  border-color: #f1801b;
  border-bottom: 1px solid #e3e3e3;
}

.base_fixed .f_a2 {
  background: #fff url(http://www.mobiletrain.org/images/b_f_ico_new.png) no-repeat 20px -49px;
}

.base_fixed .f_a3 {
  background: #fff url(http://www.mobiletrain.org/images/b_f_ico_new.png) no-repeat 20px -108px;
}

.base_fixed .f_a4 {
  background: #fff url(http://www.mobiletrain.org/images/b_f_ico_new.png) no-repeat 20px -168px;
}

.base_fixed .f_a5 {
  background: #fff url(http://www.mobiletrain.org/images/b_f_ico_new.png) no-repeat 20px -228px;
}

.base_fixed .f_a6 {
  background: #fff url(http://www.mobiletrain.org/images/b_f_ico_new.png) no-repeat 20px -288px;
  position: relative;
  -webkit-transition: 0.3s;
}

.base_fixed .f_a8 {
  background: #fff url(http://www.mobiletrain.org/images/b_f_ico_new.png) no-repeat 20px -438px;
  position: relative;
  /* -webkit-transition: 0.3s; */
}

.base_fixed .f_a2:hover {
  background: #f1801b url(http://www.mobiletrain.org/images/b_f_ico_new.png) no-repeat -44px -49px;
  color: #fff;
  border-color: #f1801b;
}

.base_fixed .f_a3:hover {
  background: #f1801b url(http://www.mobiletrain.org/images/b_f_ico_new.png) no-repeat -44px -108px;
  color: #fff;
  border-color: #f1801b;
}

.base_fixed .f_a4:hover {
  background: #f1801b url(http://www.mobiletrain.org/images/b_f_ico_new.png) no-repeat -44px -168px;
  color: #fff;
  border-color: #f1801b;
}

.base_fixed .f_a5:hover {
  background: #f1801b url(http://www.mobiletrain.org/images/b_f_ico_new.png) no-repeat -44px -228px;
  color: #fff;
  border-color: #f1801b;
}

.base_fixed .f_a6:hover {
  background: #f1801b url(http://www.mobiletrain.org/images/b_f_ico_new.png) no-repeat -44px -288px;
  color: #fff;
  border-color: #f1801b;
}

.base_fixed .f_a8:hover {
  background: #f1801b url(http://www.mobiletrain.org/images/b_f_ico_new.png) no-repeat -44px -438px;
  color: #fff;
  border-color: #f1801b;
}

.base_fixed .f_a6:hover i {
  width: 150px;
}

.base_fixed i {
  display: inline-block;
  background: #f1801b;
  position: absolute;
  font-size: 14px;
  font-weight: bold;
  width: 150px;
  text-align: center;
  height: 69px;
  line-height: 69px;
  left: 70px;
  top: 0;
  color: #fff;
  font-style: normal;
  overflow: hidden;
  -webkit-transition: 0.3s;
  width: 0;
}

.bottom_part1 {
  padding-bottom: 30px;
}

.bottom_part1 .btn_content p:nth-child(1) {
  clear: both;
}

.bottom_part1 .btn_content p:nth-child(1) span {
  display: inline-block;
  width: 156px;
  height: 58px;
  border: 1px solid #bfbfbf;
  margin-right: 10px;
  margin-bottom: 12px;
}

.bottom_part1 .btn_content p:nth-child(1) span:nth-child(7),
.bottom_part1 .btn_content p:nth-child(1) span:nth-child(14),
.bottom_part1 .btn_content p:nth-child(1) span:nth-child(21) {
  margin-right: 0px;
}

.bottom_part1 .btn_content p:nth-child(2) {
  display: none;
}

.bottom_part1 .btn_content p a {
  display: inline-block;
  padding: 0px 25px 26px 0;
  color: #444;
  font-size: 16px;
}

.bottom_part1 .btn_content p a:hover {
  color: #f74c4c;
}

.bottom_part1 .bottom_btn {
  position: relative;
  display: block;
  font-size: 16px;
  border: none;
  line-height: 46px;
  background-color: #eaeeee;
  border: 0;
  outline: none;
}

.bottom_part1 .bottom_btn img {
  position: absolute;
  width: 20px;
  height: 20px;
  top: 13px;
}

.qiye {
  background: #eaeeee;
  margin-bottom: 30px;
  height: 46px;
  overflow: hidden;
}

.qiye span {
  float: left;
  display: inline-block;
  width: 120px;
  height: 46px;
  color: #333;
  font-size: 18px;
  text-align: center;
  margin-right: 15px;
  line-height: 46px;
  cursor: pointer;
  font-weight: 100;
  color: #fff;
  /* background: #276dc3; */
}

/* edu友链样式 */
.yqlj_wrap {
  padding-bottom: 20px;
  padding-top: 20px;
  background: #fff;
}

.yqlj_tab {
  display: flex;
  height: 45px;
  line-height: 45px;
  background: #eaeeee;
  margin-bottom: 15px;
}

.yqlj_tab span {
  display: inline-block;
  cursor: pointer;
  width: 120px;
  font-size: 18px;
  text-align: center;
}

.yqlj_tab span.on {
  background: #3688ff;
  color: #fff;
}

.yqlj_content a {
  display: block;
  float: left;
  margin-right: 11px;
}

.con12_content a:hover {
  color: #3688ff;
}

.yqlj_content a:nth-last-child(1) {
  margin-right: 0;
}

.yqlj_content p {
  display: inline-block;
}

.yqlj_content p:nth-child(6n) {
  margin-right: 0;
}

.yqlj_content a {
  font-size: 14px;
  color: #666;
  cursor: pointer;
  border-right: 1px solid #666666;
  padding-right: 14px;
  margin-right: 14px;
  margin-bottom: 14px;
  padding-left: 14px;
}

.yqlj_content li:nth-child(2) {
  display: none;
}

.yqlj_wrap .bottom_btn {
  position: relative;
  display: block;
  font-size: 16px;
  border: none;
  line-height: 46px;
  background-color: #eaeeee;
  border: 0;
  outline: none;
  margin-left: 14px;
}

.yqlj_wrap .bottom_btn img {
  position: absolute;
  width: 20px;
  height: 20px;
  top: 13px;
  display: inline;
}

.tit {
  font-weight: bold;
  font-size: 34px;
  color: #000000;
  text-align: center;
}

.tit-des {
  font-size: 16px;
  color: #999999;
  text-align: center;
  margin-top: 10px;
}

.btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 163px;
  height: 42px;
  border-radius: 21px;
  border: solid 1px #cccccc;
  color: #999999;
  font-size: 20px;
  margin: 0 auto;
}

.btn i {
  font-size: 28px;
  margin-left: 8px;
}

.i3 {
  padding-top: 40px;
  background: #fafbfd;
  margin-top: 52px;
}

.i3 .swiper-box {
  box-shadow: 0px 20px 20px 0px rgba(50, 108, 246, 0.04);
  background: #fff;
}

.i3 .swiper-box-base {
  position: relative;
  width: 1200px;
  margin: 20px auto 0 auto;
  box-sizing: border-box;
}

.i3 .swiper-box-base .subjects {
  /* width: 1200px !important; */
  width: 1160px !important;
}

.i3 .swiper-box-base .subjects .swiper-wrapper {
  height: 136px;
}

.i3 .swiper-box-base .subjects-swiper-button-prev {
  position: absolute;
  top: 60px;
  left: 0;
  width: 38px;
  height: 38px;
  line-height: 38px;
  background-image: url();
  /* background-image: linear-gradient(0deg, #f2f5f8 1%, #ffffff 100%); */
  box-shadow: 0px 6px 9px 0px rgba(5, 8, 11, 0.14);
  border: solid 1px #c5d3dd;
  text-align: center;
  color: #007fde;
  border-radius: 50%;
}

.i3 .swiper-box-base .subjects-swiper-button-next {
  position: absolute;
  top: 60px;
  right: 0;
  width: 38px;
  height: 38px;
  line-height: 38px;
  background-image: url();
  /* background-image: linear-gradient(0deg, #f2f5f8 1%, #ffffff 100%); */
  box-shadow: 0px 6px 9px 0px rgba(5, 8, 11, 0.14);
  border: solid 1px #c5d3dd;
  text-align: center;
  color: #007fde;
  border-radius: 50%;
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: 1;
}

.subjects .swiper-slide {
  position: relative;
  /* width: 150px; */
  height: 100%;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
}

.subjects .swiper-slide a {
  color: #333333;
}

.subjects .swiper-slide:hover a {
  color: #326cf6;
}

.subjects .swiper-slide .logo {
  margin-bottom: 7px;
  width: 55px;
  height: 55px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 55px;
}

.subjects .swiper-slide:nth-of-type(1) .logo {
  background-image: url(http://www.mobiletrain.org/images_index/frame-java.png);
}

.subjects .swiper-slide:nth-of-type(2) .logo {
  background-image: url(http://www.mobiletrain.org/images_index/frame-hm.png);
}

.subjects .swiper-slide:nth-of-type(8) .logo {
  background-image: url(http://www.mobiletrain.org/images_index/frame-h5.png);
}

.subjects .swiper-slide:nth-of-type(3) .logo {
  background-image: url(http://www.mobiletrain.org/images_index/frame-yun.png);
}

.subjects .swiper-slide:nth-of-type(4) .logo {
  background-image: url(http://www.mobiletrain.org/images_index/frame-python.png);
}

.subjects .swiper-slide:nth-of-type(5) .logo {
  background-image: url(http://www.mobiletrain.org/images_index/frame-wlw.png);
}

.subjects .swiper-slide:nth-of-type(7) .logo {
  background-image: url(http://www.mobiletrain.org/images_index/frame-software.png);
}

.subjects .swiper-slide:nth-of-type(6) .logo {
  background-image: url(http://www.mobiletrain.org/images_index/frame-wlaq.png);
}

.subjects .swiper-slide:nth-of-type(9) .logo {
  background-image: url(http://www.mobiletrain.org/images_index/frame-ui.png);
}

.subjects .swiper-slide:nth-of-type(10) .logo {
  background-image: url(http://www.mobiletrain.org/images_index/frame-media.png);
}

.subjects .swiper-slide:nth-of-type(11) .logo {
  background-image: url(http://www.mobiletrain.org/images_index/frame-bigdata.png);
}

.subjects .swiper-slide:nth-of-type(12) .logo {
  background-image: url(http://www.mobiletrain.org/images_index/frame-unity.png);
}

.subjects .swiper-slide:nth-of-type(13) .logo {
  background-image: url(http://www.mobiletrain.org/images_index/frame-yh.png);
}

.subjects .swiper-slide:nth-of-type(14) .logo {
  background-image: url(http://www.mobiletrain.org/images_index/frame-videoclip.png);
}

.subjects .swiper-slide.active a {
  color: #326cf6;
}

@keyframes lineGrow {
  from {
    transform: scale(0);
  }

  to {
    transform: scale(1);
  }
}

.subjects .swiper-slide.active::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 150px;
  height: 4px;
  background: #326cf6;
  animation: lineGrow 1 0.4s ease forwards;
}

@keyframes logo_ani {
  from {
    background-position: 0 0;
  }

  to {
    background-position: 0 -1375px;
  }
}

@keyframes logo_ani_leave {
  from {
    background-position: 0 -1375px;
  }

  to {
    background-position: 0 0;
  }
}

.i3 .subjects .logo-ani {
  animation: 0.6s logo_ani steps(25) forwards;
}

.i3 .subjects .logo-ani-leave {
  animation: 0.6s logo_ani_leave steps(25) forwards;
}

.subjects .swiper-slide:last-child {
  border: none;
}

.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.i3 .content {
  padding-top: 25px;
  background: #fafbfd;
}

.i3 .content .con {
  display: none;
  height: 511px;
}

.i3 .content .con.active {
  display: block;
}

.i3 .content .con-left {
  float: left;
  width: 240px;
  max-width: 240px;
  min-width: 240px;
  height: 511px;
  background: linear-gradient(1deg, #ffffff, #f7f7f7);
  border: 2px solid #ffffff;
  box-shadow: 0px 0px 8px 0px rgba(157, 157, 157, 0.2);
  border-radius: 10px;
  flex-direction: column;
  justify-content: space-between;
  padding: 30px 0 20px 0;
  box-sizing: border-box;
}

.i3 .content .con-left .colorful-logo {
  width: 110px;
  height: 120px;
  color: #fff;
  text-align: center;
  background-image: url(http://www.qfedu.com/imgs2022/colorful-logo-bg.gif);
  background-size: 100% 100%;
}

.fbtt {
  animation: toTop 1s;
}

@keyframes toTop {
  0% {
    margin-top: 10px;
  }

  100% {
    margin-top: 0;
  }
}

.i3 .content .con-left .colorful-logo i {
  font-size: 60px;
}

.i3 .content .con-left h3 {
  font-size: 18px;
  font-weight: bold;
  color: #000000;
  text-align: center;
}

.i3 .content .con-left h3 span {
  font-size: 14px;
  color: #666666;
  font-weight: normal;
}

.i3 .content .con-left .employment-info-swiper-container {
  position: relative;
  width: 170px;
  display: none;
}

/* .i3
  .content
  .con-left
  .employment-info-swiper-container
  .employment-info-swiper {
  max-width: 120px;
} */
.i3 .content .con-left .employment-info-swiper-container .employment-info-swiper .swiper-slide {
  /* width: auto; */
  text-align: center;
}

.i3 .content .con-left .employment-info-swiper-container .employment-info-swiper .swiper-slide h4 {
  margin-bottom: 9px;
  height: 13px;
  font-size: 14px;
  color: #666;
  line-height: 13px;
}

.i3 .content .con-left .employment-info-swiper-container .employment-info-swiper .swiper-slide p {
  font-size: 30px;
  font-weight: 600;
  color: #056cff;
  line-height: 28px;
  white-space: nowrap;
}

.i3 .content .con-left .employment-info-swiper-container .employment-info-btns {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.i3 .content .con-left .employment-info-swiper-container .employment-info-btns .swiper-button-prev {
  position: absolute;
  top: 16px;
  left: 0;
  background-image: none;
  color: #999;
  font-size: 14px;
  width: 14px;
  height: 100%;
  background-image: none;
  color: #999;
  font-size: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.i3 .content .con-left .employment-info-swiper-container .employment-info-btns .swiper-button-next {
  position: absolute;
  top: 16px;
  right: 0;
  background-image: none;
  color: #999;
  font-size: 14px;
  width: 14px;
  height: 100%;
  background-image: none;
  color: #999;
  font-size: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.i3 .content .con-left .employment-info-swiper-container .employment-info-btns .swiper-button-next:hover,
.i3 .content .con-left .employment-info-swiper-container .employment-info-btns .swiper-button-prev:hover {
  color: #056bff;
}

.i3 .nav-mask-info .sub-tit {
  position: relative;
  font-weight: bold;
  font-size: 16px;
  color: #000000;
  line-height: 1;
  padding-left: 14px;
  margin-bottom: 8px;
  margin-top: 24px;
}

.i3 .nav-mask-info .sub-tit::before {
  position: absolute;
  top: 0;
  left: 2px;
  content: '';
  width: 2px;
  height: 16px;
  background-color: #326cf6;
}

.i3 .nav-mask-info .ul4 li a {
  position: relative;
  display: block;
  width: 192px;
  font-size: 13px;
  line-height: 26px;
  color: #666666;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-left: 24px;
}

.i3 .nav-mask-info .ul4 li a:hover {
  color: #326cf6;
}

.i3 .nav-mask-info .ul4 li a::before {
  position: absolute;
  content: '';
  top: 5px;
  left: 2px;
  width: 15px;
  height: 15px;
  background: url(../images_index/wenhao.jpg) no-repeat;
  background-size: 15px;
}

.i3 .part3 {
  position: absolute;
  bottom: 32px;
  left: 43px;
  width: 860px !important;
}

.i3 .part3 .nav-p3 {
  display: flex;
  justify-content: space-between;
}

.i3 .part3 .nav-p3 a {
  width: 182px;
  height: 63px;
  padding-left: 22px;
  padding-top: 16px;
  transition: 0.5s;
}

.i3 .part3 .nav-p3 a:hover {
  margin-top: -6px;
}

.i3 .part3 .nav-p3 a span {
  font-family: PingFangSC-Light;
  font-size: 10px;
  color: #fff;
}

.i3 .part3 .nav-p3 a span:nth-child(2) {
  display: block;
  margin-top: 6px;
}

.i3 .part3 .nav-p3 a span.icon-wrap {
  font-weight: bold;
  font-size: 18px;
  padding-bottom: 2px;
  border-bottom: 1px solid #fff;
}

.i3 .part3 .nav-p3 .ke_c {
  background: url(../images_index/i3-1.png) no-repeat;
  background-size: 204px 79px;
}

.i3 .part3 .nav-p3 .s_z {
  background: url(../images_index/i3-2.png) no-repeat;
  background-size: 204px 79px;
}

.i3 .part3 .nav-p3 .s_p {
  background: url(../images_index/i3-3.png) no-repeat;
  background-size: 204px 79px;
}

.i3 .part3 .nav-p3 .f_z {
  background: url(../images_index/i3-4.png) no-repeat;
  background-size: 204px 79px;
}

.i3 .i3-note {
  font-size: 12px;
  color: #999;
  padding: 20px 0;
}

.i3 .content .con-center {
  float: right;
  overflow: hidden;
  position: relative;
  width: 942px;
  height: 511px;
  padding: 40px 30px;
  background: linear-gradient(1deg, #ffffff, #f7f7f7);
  border: 2px solid #ffffff;
  box-shadow: 0px 0px 8px 0px rgba(157, 157, 157, 0.2);
  border-radius: 10px;
  box-sizing: border-box;
}

.i3 .content .con-center .ul1 {
  display: flex;
  justify-content: space-between;
}

.i3 .content .con-center .ul1 li {
  display: flex;
  white-space: nowrap;
}

.i3 .content .con-center .ul1 li i {
  margin-right: 8px;
  color: #326cf6;
  font-size: 20px;
  line-height: 20px;
}

.i3 .content .con-center .part {
  width: 662px;
}

.i3 .content .con-center .part .sub-tit {
  padding-left: 9px;
  border-left: 2px solid #326cf6;
  height: 16px;
  font-size: 16px;
  font-weight: bold;
  color: #000000;
  line-height: 16px;
  box-sizing: border-box;
  white-space: nowrap;
}

.i3 .content .con-center .part1 {
  margin: 21px 0 17px 0;
  display: flex;
  align-items: center;
  height: 42px;
}

.i3 .content .con-center .part1 .ul2 {
  margin-left: 10px;
  width: 576px;
  height: 42px;
  background: #ffffff;
  border-radius: 21px;
}

.i3 .content .con-center .part1 .ul2 li {
  position: relative;
  margin-right: 40px;
  font-size: 12px;
  max-width: 146px;
  white-space: nowrap;
}

@keyframes forwardArrow {
  from {
    opacity: 0.4;
  }

  50% {
    opacity: 1;
  }

  to {
    opacity: 0.4;
  }
}

.i3 .content .con-center .part1 .ul2 li::before,
.i3 .content .con-center .part1 .ul2 li::after {
  position: absolute;
  top: 4px;
  right: -28px;
  content: '';
  display: inline-block;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-left: 7px solid #326cf6;
  opacity: 0.6;
  animation: forwardArrow ease 0.8s infinite alternate;
}

.i3 .content .con-center .part1 .ul2 li::after {
  opacity: 1;
  right: -33px;
  animation: forwardArrow ease 0.8s infinite alternate-reverse;
}

.i3 .content .con-center .part1 .ul2 li:last-of-type {
  margin-right: 0;
}

.i3 .content .con-center .part1 .ul2 li:last-of-type::after,
.i3 .content .con-center .part1 .ul2 li:last-of-type::before {
  display: none;
}

.i3 .content .con-center .part2 {
  height: 197px;
  min-height: 197px;
  margin-top: 8px;
  margin-bottom: 24px;
}

.i3 .content .con-center .part2 .chooseBox {
  margin-top: -6px;
  float: right;
  position: relative;
}

.i3 .content .con-center .part2 .chooseBox .showBtn {
  width: 133px;
  height: 27px;
  border: 1px solid #e6e6e6;
  border-radius: 6px;
  font-size: 13px;
  line-height: 27px;
  text-align: center;
  font-weight: normal;
  cursor: pointer;
}

.i3 .content .con-center .part2 .chooseBox .showBtn i {
  margin-left: 30px;
  font-size: 12px;
  color: #cccccc;
}

.i3 .content .con-center .part2 .chooseBox .showXq {
  display: none;
  z-index: 1000;
  position: absolute;
  right: 0;
  bottom: -9px;
  transform: translateY(100%);
  width: 324px;
  box-sizing: border-box;
  background: #ffffff;
  box-shadow: 0px 6px 16px 0px rgba(212, 235, 255, 0.21);
  border-radius: 6px;
}

.i3 .content .con-center .part2 .chooseBox .showXq ul {
  padding: 20px 22px 10px 22px;
  display: flex;
  flex-wrap: wrap;
}

.i3 .content .con-center .part2 .chooseBox .showXq ul li {
  width: 25%;
  white-space: nowrap;
  margin-bottom: 10px;
  font-weight: normal;
  color: #666666;
  cursor: pointer;
}

.i3 .content .con-center .part2 .chooseBox .showXq ul li:nth-child(4n) {
  margin-right: 0;
}

.i3 .content .con-center .part2 .chooseBox .showXq ul li:hover {
  color: #326cf6;
}

.i3 .content .con-center .part2 .ul3 {
  margin-top: 20px;
  width: 100%;
  box-sizing: border-box;
  padding: 0 20px 0 14px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  color: #666666;
}

.i3 .content .con-center .part2 .ul3 li {
  width: 286px;
  margin-bottom: 8px;
}

.i3 .content .con-center .part2 .ul3 li a {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 25px;
  color: #666666;
  font-size: 14px;
  white-space: nowrap;
}

.i3 .content .con-center .part2 .ul3 li a:hover {
  color: #326cf6;
}

.i3 .content .con-center .part2 .ul3 li span:first-of-type {
  max-width: 134px;
  width: 128px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.i3 .content .con-center .part2 .ul3 li span:last-of-type {
  width: 62px;
  margin-left: 10px;
  color: #999999;
  height: 20px;
  line-height: 20px;
  background-color: #e5e5e5;
  border-radius: 10px;
  text-align: center;
  font-size: 12px;
  color: #333333;
}

.i3 .content .con-center .part2 .ul3 li span[data-mode='1'] {
  background-color: #056cff;
  color: #fff;
}

.i3 .content .con-center .part2 .ul3 li span[data-mode='0'] {
  position: relative;
  background-color: #ff4800;
  color: #fff;
}

.i3 .content .con-center .part2 .ul3 li span[data-mode='0'] i {
  position: absolute;
  right: -26px;
  /* font-size: 14px;
  color: #ff0000; */
  width: 25px;
  height: 15px;
  background: url(../images_index/hot.gif) no-repeat;
  background-size: 25px 15px;
}

.i3 .content .con-center .part3 ul {
  margin-top: 13px;
  width: 100%;
  padding: 0 11px;
}

.i3 .content .con-center .part3 ul li {
  float: left;
  line-height: 26px;
  padding-right: 10px;
}

.i3 .content .con-center .part3 ul li a {
  width: 280px;
  font-size: 13px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 27px;
  color: #666666;
  position: relative;
}

.i3 .content .con-center .part3 ul li a:hover {
  color: #326cf6;
}

.i3 .content .con-center .part3 ul li a::before {
  position: absolute;
  left: 0;
  top: 3px;
  content: '';
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url(http://www.qfedu.com/images/index2021/ques-icon2.png) no-repeat;
  background-size: 18px 18px;
}

.i3 .content .con-center .part4 {
  position: absolute;
  right: 30px;
  top: 80px;
  width: 201px;
  height: 292px;
  background: #ffffff;
  box-sizing: border-box;
  box-shadow: 0px 0px 9px 0px rgba(234, 234, 234, 0.6);
  padding: 20px 0 0 20px;
}

.i3 .content .con-center .part4 .kcdd {
  position: relative;
  color: #666;
}

.i3 .content .con-center .part4 .kcdd .pageenation-btns {
  position: absolute;
  top: -26px;
  right: 20px;
}

.i3 .content .con-center .part4 .kcdd .pageenation-btns i {
  display: inline-block;
  color: #999;
  cursor: pointer;
}

.i3 .content .con-center .part4 .kcdd .pageenation-btns i:hover {
  color: #000;
}

.i3 .content .con-center .part4 .kcdd-swiper {
  margin-top: 9px;
  height: 234px;
  overflow-y: auto;
}

.i3 .content .con-center .part4 .kcdd-swiper p {
  font-size: 13px;
  margin-top: 12px;
  line-height: 21px;
  padding-right: 20px;
}

.i3 .content .con-center .part4 .kcdd-swiper p .p-tit {
  margin-bottom: 14px;
  display: inline-block;
  padding: 0 7px;
  height: 19px;
  background: #326cf6;
  border-radius: 2px;
  color: #fff;
  line-height: 19px;
}

.nav_right_bg {
  position: relative;
  height: 49px;
  width: 976px;
  margin: 0 0 0 224px;
}

.nav_right {
  display: flex;
}

.nav_right i:hover,
.nav_right a:hover {
  color: #326cf6;
  font-weight: bold;
}

.nav_right i:hover .icon,
.nav_right a:hover .icon {
  font-weight: normal;
}

.nav_right .hothot::after {
  display: block;
  content: '';
  /* position: absolute;
  top: 5px;
  left: 65px; */
  width: 9px;
  height: 14px;
  background: url(../images_index/index-nav.gif) no-repeat;
  background-size: 9px 14px;
  margin-top: -46px;
  margin-left: 68px;
}

.nav_right i div {
  position: absolute;
  top: 49px;
  box-sizing: border-box;
  background: #fff;
  display: none;
  z-index: 2;
  left: 50%;
  transform: translateX(-50%);
}

.nav_right i div a {
  display: block;
  font-weight: normal;
  font-size: 14px;
  color: #000000;
  height: 33px;
  line-height: 33px;
}

.nav_right i div a:hover {
  background-color: #eff6ff;
}

.nav_right i div a .icon {
  font-size: 16px;
  color: #326cf6;
  margin-left: 20px;
  margin-right: 16px;
}

.nav_right i div a .icon-pmp {
  margin-right: -13px;
  margin-left: 15px;
}

.nav_right i div.nav_dropmenu_box {
  left: 408px;
  width: 976px;
  /* height: 402px; */
  background: #f7f7f7;
}

.nav_right i div.nav_free_box {
  /* left: 144px; */
  text-align: center;
  width: 154px;
  box-shadow: #999999 0 0 8px;
  /* box-shadow: 0px 0px 10px 0px rgba(216, 220, 233, 0.3); */
  border-radius: 6px;
  padding: 10px 0;
}

.nav_right i div.nav_jysl_box,
.nav_right i div.nav_gyqf_box {
  /* left: 276px; */
  text-align: center;
  width: 100px;
  box-shadow: #999999 0 0 8px;
  border-radius: 6px;
  padding: 10px 0;
}

.nav_right i div.nav_xqfy_box,
.nav_right i div.nav_jyfw_box {
  /* left: 370px; */
  text-align: center;
  width: 120px;
  box-shadow: #999999 0 0 8px;
  border-radius: 6px;
  padding: 10px 0;
}

.nav_right i div.nav_rzks_box {
  /* left: 547px; */
  width: 174px;
  box-shadow: #999999 0 0 8px;
  /* box-shadow: 0px 0px 10px 0px rgba(216, 220, 233, 0.3); */
  border-radius: 6px;
  padding: 10px 0;
  text-align: left;
}

.nav_right i:hover div {
  display: block;
}

@keyframes aniHeight {
  from {
    transform: scale(0.5);
    transform-origin: center 0;
  }

  to {
    transform: scale(1);
    transform-origin: center 0;
  }
}

@-webkit-keyframes aniHeight {
  from {
    transform: scale(0.5);
    transform-origin: center 0;
  }

  to {
    transform: scale(1);
    transform-origin: center 0;
  }
}

@keyframes navani {
  from {
    transform: scale(0.8);
  }

  to {
    transform: scale(1);
  }
}

.nav_right i em.icon {
  display: inline-block;
  font-size: 11px;
  transform: rotate(0);
  transition: all ease 0.3s;
  font-weight: normal;
  margin-left: 4px;
}

.nav_right i:hover em.icon {
  display: inline-block;
  font-size: 11px;
  transform: rotate(-180deg);
}

.nav_right .nav_a,
.nav_right .nav {
  text-align: center;
  height: 49px;
  line-height: 49px;
  display: inline-block;
  font-size: 16px;
  color: #666666;
  cursor: pointer;
  margin-left: 24px;
}

.nav_right .nav {
  position: relative;
}

.nav_right_bg .nav_dropmenu_box ul {
  display: flex;
  flex-wrap: wrap;
  padding: 30px 10px 10px 10px;
}

.nav_right_bg .nav_dropmenu_box ul li a {
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  width: 173px;
  height: 70px;
  background-color: #ffffff;
  border-radius: 4px;
  font-size: 16px;
  color: #000;
  transition: all ease 0.3s;
  margin: 0 8px 18px 8px;
  box-sizing: border-box;
}

.nav_right_bg .nav_dropmenu_box ul li a .icon {
  margin: 0 17px 0 20px;
  display: inline-block;
  width: 33px;
  height: 33px;
  background: #eff6ff;
  border-radius: 50%;
  text-align: center;
  line-height: 33px;
  color: #4067e0;
  font-size: 18px;
  transition: all ease 0.3s;
}

.nav_right_bg .nav_dropmenu_box ul li a:hover {
  background: #326cf6;
  color: #fff;
}

.nav_right_bg .nav_dropmenu_box ul li a:hover .icon {
  background: #eff6ff !important;
  color: #326cf6 !important;
}

.nav_right_bg .nav_dropmenu_box ul li:nth-of-type(1) a .icon {
  color: #e84325;
}

.nav_right_bg .nav_dropmenu_box ul li:nth-of-type(3) a .icon {
  color: #ea652b;
}

.nav_right_bg .nav_dropmenu_box ul li:nth-of-type(4) a .icon {
  color: #e83e25;
}

.nav_right_bg .nav_dropmenu_box ul li:nth-of-type(5) a .icon {
  color: #5dc297;
}

.nav_right_bg .nav_dropmenu_box ul li:nth-of-type(6) a .icon {
  color: #5da938;
}

.nav_right_bg .nav_dropmenu_box ul li:nth-of-type(7) a .icon {
  color: #397dda;
}

.nav_right_bg .nav_dropmenu_box ul li:nth-of-type(8) a .icon {
  color: #7b28d9;
}

.nav_right_bg .nav_dropmenu_box ul li:nth-of-type(9) a .icon {
  color: #1b42c3;
}

.nav_right_bg .nav_dropmenu_box ul li:nth-of-type(10) a .icon {
  color: #d12e7f;
}

.nav_right_bg .nav_dropmenu_box ul li:nth-of-type(11) a .icon {
  color: #ffa209;
}

.nav_right_bg .nav_dropmenu_box ul li:nth-of-type(12) a .icon {
  color: #761ede;
}

.nav_right_bg .nav_dropmenu_box ul li:nth-of-type(13) a .icon {
  color: #60c960;
}

.nav_right_bg .nav_dropmenu_box ul li:nth-of-type(14) a .icon {
  color: #5cc1af;
}

.nav_right_bg .nav_dropmenu_box ul li:nth-of-type(15) a .icon {
  color: #4f1bc3;
}

.nav_right_bg .nav_dropmenu_box ul li:nth-of-type(16) a .icon {
  color: #d60000;
}

.nav_right_bg .nav_dropmenu_box ul li:nth-of-type(17) a .icon {
  color: #326cf6;
}

.nav_right_bg .nav_dropmenu_box ul li:nth-of-type(18) a .icon {
  color: #ff2700;
}

/* banner */
.nav_main {
  position: relative;
  height: 590px;
}

.nav_main .banner-bottom {
  display: flex;
  justify-content: flex-end;
  width: 1200px;
  margin: 15px auto 0 auto;
}

.nav_main .banner-bottom .banner-item {
  width: 180px;
  height: 124px;
  background: linear-gradient(0deg, #ffffff 0%, #f3f7ff 100%);
  box-shadow: 0px 0px 15px 0px rgba(0, 64, 216, 0.1),
    inset 0px 2px 4px 0px #ffffff;
  border-radius: 6px;
  border: solid 2px #ffffff;
  box-sizing: border-box;
  margin-left: 15px;
}

.nav_main .banner-bottom .banner-item .item-des {
  padding-top: 13px;
  padding-left: 10px;
}

.nav_main .banner-bottom .banner-item .item-des span {
  font-family: PingFangSC-Light;
  font-size: 14px;
  color: #326cf6;
  margin-right: 70px;
}

.nav_main .banner-bottom .banner-item .item-des span.bg1 {
  color: #ff680b;
}

.nav_main .banner-bottom .banner-item .item-des span.bg2 {
  color: #00c883;
}

.nav_main .banner-bottom .banner-item .item-des span.bg3 {
  color: #840cff;
  margin-right: 54px;
}

.nav_main .banner-bottom .banner-item .item-des span.bg4 {
  color: #ffb401;
  margin-right: 44px;
}

.nav_main .banner-bottom .banner-item .item-des img {
  height: 22px;
}

.nav_main .banner-bottom .banner-item h3 {
  padding-left: 18px;
  font-weight: bold;
  font-size: 15px;
  color: #000000;
}

.nav_main .banner-bottom .banner-item p {
  padding-left: 18px;
  font-size: 12px;
  color: #666;
}

.nav_main .banner-bottom .banner-item a {
  position: relative;
  display: block;
  font-size: 13px;
  color: #fff;
  width: 83px;
  height: 24px;
  background-image: linear-gradient(45deg, #326cf6 0%, #3399ff 100%);
  border-radius: 4px;
  line-height: 24px;
  margin: 10px auto 0 auto;
  text-align: center;
  overflow: hidden;
}

.nav_main .banner-bottom .banner-item a::after {
  position: absolute;
  content: '';
  width: 100px;
  height: 100px;
  top: -37px;
  left: -11px;
  background-color: #fff;
  border-radius: 50%;
  -webkit-animation: scale 1s ease 0s infinite;
  -moz-animation: scale 1s ease 0s infinite;
  -o-animation: scale 1s ease 0s infinite;
  animation: scale 1s ease 0s infinite;
}

@-webkit-keyframes scale {
  0% {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    opacity: 1;
  }

  80% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@-moz-keyframes scale {
  0% {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    opacity: 1;
  }

  80% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@-ms-keyframes scale {
  0% {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    opacity: 1;
  }

  80% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@keyframes scale {
  0% {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    opacity: 1;
  }

  80% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

.nav_main .banner-bottom .banner-item a .index-24gf-play {
  font-size: 7px;
  margin-left: 4px;
}

.nav_main .banner-bottom .banner-item a.bg1 {
  background: linear-gradient(45deg, #fe4e33 0%, #ff8534 100%);
}

.nav_main .banner-bottom .banner-item a.bg2 {
  background: linear-gradient(45deg, #00c883 0%, #00de91 100%);
}

.nav_main .banner-bottom .banner-item a.bg3 {
  background: linear-gradient(45deg, #7800ff 0%, #9333ff 100%);
}

.nav_main .banner-bottom .banner-item a.bg4 {
  background: linear-gradient(45deg, #ffa801 0%, #fad400 100%);
}

.nav_main .banner-bottom .banner-item:nth-child(2) {
  background: linear-gradient(0deg, #ffffff 0%, #fff7f2 100%);
  box-shadow: 0px 0px 15px 0px rgba(255, 102, 0, 0.1),
    inset 0px 2px 4px 0px #ffffff;
}

.nav_main .banner-bottom .banner-item:nth-child(3) {
  background: linear-gradient(0deg, #ffffff 0%, #edfff9 100%);
  box-shadow: 0px 0px 15px 0px rgba(0, 168, 110, 0.15),
    inset 0px 2px 4px 0px #ffffff;
}

.nav_main .banner-bottom .banner-item:nth-child(4) {
  background: linear-gradient(0deg, #ffffff 0%, #f7f0ff 100%);
  box-shadow: 0px 0px 15px 0px rgba(0, 168, 110, 0.15),
    inset 0px 2px 4px 0px #ffffff;
}

.nav_main .banner-bottom .banner-item:nth-child(5) {
  background: linear-gradient(0deg, #ffffff 0%, #fffcf4 100%);
  box-shadow: 0px 0px 15px 0px rgba(208, 147, 0, 0.15),
    inset 0px 2px 4px 0px #ffffff;
}

.banner_wrap {
  position: relative;
  width: 100%;
  height: 400px;
  overflow: hidden;
}

.banner_box {
  position: relative;
  width: 100%;
}

.banner_box .base {
  position: relative;
  height: 400px;
}

.banner_box .banner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 400px;
}

.banner_box .banner .swiper-slide a {
  display: block;
  width: 100%;
  height: 400px;
  background-size: 1920px 400px;
  background-position: center;
  background-repeat: no-repeat;
}

.banner_list1 {
  position: absolute;
  top: -49px;
  left: 0;
  display: table-cell;
  vertical-align: middle;
  width: 224px;
  height: 590px;
  z-index: 10;
  color: #fff;
}

.banner_list1 .banner_list1_tit {
  background-color: #326cf6;
  border-radius: 10px 10px 0px 0px;
  height: 49px;
  line-height: 49px;
  font-size: 18px;
  text-align: center;
}

.banner_list1 .banner_list1_tit .index-xia_sanjiao {
  margin-left: 14px;
}

.banner_up_left {
  position: relative;
  width: 224px;
  height: 540px;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  background: rgba(0, 0, 0, 0.4);
}

.banner_up_left a {
  position: relative;
  display: inline-flex;
  align-items: center;
  font-size: 14px;
  height: 40px;
  line-height: 40px;
  width: 100%;
  color: #fff;
  overflow: hidden;
}



.banner_up_left a:nth-child(11) {
  background: #326cf6;
  height: 45px;
  line-height: 45px;
}

.banner_up_left a:nth-child(12) {
  background: #326cf6;
  height: 45px;
  line-height: 45px;

}

.banner_up_left a:nth-child(13) {
  background: #326cf6;
  padding-bottom: 7px;
  height: 45px;
  line-height: 45px;
}

.banner .swiper-button-next,
.banner .swiper-container-rtl .swiper-button-prev {
  right: 0;
  left: auto;
}

.banner .swiper-button-prev,
.banner .swiper-container-rtl .swiper-button-next {
  left: 250px;
}

.banner .swiper-button-next,
.banner .swiper-container-rtl .swiper-button-prev,
.banner .swiper-button-prev,
.banner .swiper-container-rtl .swiper-button-next {
  display: none;
  width: 32px;
  height: 68px;
  background-image: none;
  background-color: rgba(0, 0, 0, 0.4);
  color: rgba(255, 255, 255, 0.6);
  border-radius: 5px;
  transition: all ease 0.1s;
  line-height: 50px;
  text-align: center;
  font-size: 40px;
}

.banner .swiper-button-next:hover,
.banner .swiper-container-rtl .swiper-button-prev:hover,
.banner .swiper-button-prev:hover,
.banner .swiper-container-rtl .swiper-button-next:hover {
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
}

.banner .banner-inner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1200px;
  z-index: 2;
}

.banner .swiper-pagination {
  width: 100%;
  position: absolute;
  bottom: -182px;
  left: 61%;
  transform: translate(-50%);
}

.banner .swiper-pagination-bullet {
  width: 45px;
  height: 3px;
  background: rgba(121, 124, 130, 0.4);
  border-radius: 0;
  opacity: 1;
  margin: 0 5px;
}

.banner .swiper-pagination-bullet-active {
  position: relative;
  width: 45px;
  height: 3px;
  background: rgba(121, 124, 130, 0.4);
}

.banner .swiper-pagination-bullet-active::after {
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  width: 45px;
  height: 3px;
  background: #f0f1f2;
  animation: mymove 3s linear;
  -webkit-animation: mymove 3s linear;
}

@keyframes mymove {
  from {
    width: 0px;
  }

  to {
    width: 22;
  }
}

@-webkit-keyframes mymove {
  from {
    width: 0px;
  }

  to {
    width: 22px;
  }
}

.banner_up_left a:hover {
  background-color: #c7e0ff;
  color: #326cf6;
  font-weight: bold;
}

.banner_up_left a:hover .icon {
  font-weight: normal;
}

.banner_up_left a span,
.banner_up_left a i {
  display: inline-block;
}

.banner_up_left a i.icon,
.banner_up_left a i.allxk-a-ziyuan11 {
  position: absolute;
  font-size: 14px;
  width: 18px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  margin: 0 10px;
}

.banner_up_left a:hover i:last-of-type {
  display: inline-block;
}

.banner_up_left a span {
  width: 175px;
  padding-left: 40px;
  white-space: nowrap;
}

.banner_wrap .base .banner_list2 {
  height: 93px;
  right: 0px;
  bottom: 0px;
  width: 930px;
  position: absolute;
}

.banner_wrap .base .banner_list2 li {
  width: 300px;
  height: 90px;
  float: left;
  margin-right: 9px;
  border: 1px solid #e7e7e7;
  border-radius: 5px;
  box-sizing: border-box;
  background: #fff;
}

.banner_wrap .base .banner_list2 li a {
  display: block;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding-top: 22px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.banner_wrap .base .banner_list2 li a:hover {
  padding-top: 17px;
}

.banner_wrap .base .banner_list2 li a div img {
  height: 45px;
  margin: 0 20px 0 50px;
}

.banner_wrap .base .banner_list2 li span {
  display: block;
  color: #333333;
  font-size: 16px;
}

.banner_wrap .base .banner_list2 li em {
  display: block;
  color: #333333;
  font-size: 16px;
}

.banner_wrap .base .banner_list2 li:last-child {
  margin-right: 0px;
}

.nav-right-mask {
  position: absolute;
  top: 49px;
  left: 224px;
  display: none;
  width: 310px;
  height: 400px;
  background-color: rgba(255, 255, 255, 0.98);
  border-radius: 0px 10px 10px 0px;
  box-sizing: border-box;
}

.nav-right-mask:nth-of-type(13),
.nav-right-mask:nth-of-type(11),
.nav-right-mask:nth-of-type(12) {
  top: 190px;
}

.nav-right-mask .nav-mask-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  width: 265px;
  margin: 0 auto;
}

.nav-right-mask .nav-mask-info a {
  width: 33.3%;
  text-align: center;
  font-size: 13px;
  color: #333333;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.nav-right-mask .nav-mask-info a .icon {
  font-size: 18px;
}

.nav-right-mask .nav-mask-info a .icon-wrap {
  margin: 14px auto 6px auto;
  position: relative;
  display: block;
  width: 39px;
  height: 39px;
  border-radius: 50%;
  text-align: center;
  line-height: 39px;
  color: white;
  background: linear-gradient(0deg, #015eea 0%, #00c0fa 100%);
}

.nav-right-mask .nav-mask-info a .icon-wrap .indexfont {
  font-size: 20px;
}

.nav-right-mask .nav-mask-info a:nth-of-type(2) .icon-wrap {
  background: linear-gradient(0deg, #ff9c00 0%, #ffd200 100%);
}

.nav-right-mask .nav-mask-info a:nth-of-type(3) .icon-wrap {
  background: linear-gradient(0deg, #00dbb8 1%, #1ddf5c 51%, #3ae300 100%);
}

.nav-right-mask .nav-mask-info a:nth-of-type(4) .icon-wrap {
  background: linear-gradient(0deg, #ff004e 0%, #ff00ea 100%);
}

.nav-right-mask .nav-mask-info a:nth-of-type(5) .icon-wrap {
  background: linear-gradient(0deg, #5900d3 1%, #c61dfe 100%);
}

.nav-right-mask .nav-mask-info a:nth-of-type(6) .icon-wrap {
  background: linear-gradient(0deg, #e60000 0%, #ff275f 100%);
}

.nav-right-mask .nav-mask-info a:nth-of-type(7) .icon-wrap {
  background: linear-gradient(0deg, #008dfa 0%, #00c6ff 100%);
}

.nav-right-mask .nav-mask-info a:nth-of-type(8) .icon-wrap {
  background: linear-gradient(0deg, #02cdf9 0%, #29f19c 100%);
}

.nav-right-mask .nav-mask-info a:nth-of-type(9) .icon-wrap {
  background: linear-gradient(0deg, #ff3600 0%, #ff7b00 100%);
}

.nav-right-mask .nav-mask-info a .icon-wrap::before {
  position: absolute;
  top: -3px;
  left: -6px;
  content: '';
  display: inline-block;
  width: 19px;
  height: 19px;
  background: inherit;
  opacity: 0.25;
  border-radius: 50%;
}

.nav-right-mask .nav-mask-info a .icon-wrap::after {
  position: absolute;
  bottom: 1px;
  right: -6px;
  content: '';
  display: inline-block;
  width: 12px;
  height: 12px;
  background: inherit;
  opacity: 0.15;
  border-radius: 50%;
}

@keyframes cycleRotate {
  from {
    transform: rotate(0);
  }

  to {
    transform: rotate(360deg);
  }
}

.nav-right-mask .nav-mask-info a:hover .icon-wrap::before {
  animation: cycleRotate ease 0.6s;
  transform-origin: 23px 24px;
}

.nav-right-mask .nav-mask-info a:hover .icon-wrap::after {
  animation: cycleRotate ease 0.6s;
  transform-origin: -10px -10px;
}

.nav-right-mask .nav-mask-info a:hover {
  font-weight: bold;
}

.nav-right-mask .nav-mask-info a:hover .indexfont {
  font-weight: normal;
}

.nav-right-mask .nav-mask-info img {
  display: block;
  margin: 30px auto 6px auto;
}

.nav-right-mask .nav-mask-mid {
  position: relative;
  display: block;
  width: 270px;
  height: 139px;
  background-color: blue;
  border-radius: 10px;
  margin: 18px auto 0 auto;
}

.nav-right-mask .nav-mask-mid img {
  width: 100%;
  height: 100%;
}

@keyframes moveTop {
  from {
    bottom: -50px;
  }

  to {
    bottom: 0;
  }
}

.nav-right-mask .nav-mask-mid.bg1 {
  background-image: linear-gradient(#3963eb, #4d7bf1);
}

.nav-right-mask .nav-mask-mid.bg2 {
  background-image: linear-gradient(#3aa3eb, #6bd2f6);
}

.nav-right-mask .nav-mask-mid.bg3 {
  background-image: linear-gradient(#3d55e1, #738ef0);
}

.nav-right-mask .nav-mask-mid.bg4 {
  background-image: linear-gradient(#4fa1bf, #71bbcd);
}

.nav-right-mask .nav-mask-mid.bg5 {
  background-image: linear-gradient(#4358a7, #7289ce);
}

.nav-right-mask .nav-mask-mid.bg6 {
  background-image: linear-gradient(#d28b30, #d4b05c);
}

.nav-right-mask .nav-mask-mid.bg7 {
  background-image: linear-gradient(#43cf51, #6be585);
}

.nav-right-mask .nav-mask-mid.bg8 {
  background-image: linear-gradient(#eb793a, #f69d6b);
}

.nav-right-mask .nav-mask-mid.bg9 {
  background-image: linear-gradient(#eb3980, #f76caa);
}

.nav-right-mask .nav-mask-mid.bg10 {
  background-image: linear-gradient(#393f50, #7f879b);
}

.nav-right-mask .nav-mask-mid.bg11 {
  background-image: linear-gradient(#ab3aeb, #ed6cf7);
}

.nav-right-mask .nav-mask-mid.bg12 {
  background-image: linear-gradient(#334392, #5c65a8);
}

.nav-right-mask .nav-mask-mid.bg13 {
  background-image: linear-gradient(#853aeb, #9d6cf7);
}

.nav-right-mask .nav-right-pmp,
.nav-right-mask .nav-right-redhat,
.nav-right-mask .nav-right-rzks,
.nav-right-mask .nav-right-huawei {
  width: 248px;
  height: 76px;
  line-height: 76px;
  background-size: 265px 76px;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
  padding-left: 17px;
  margin: 0 auto 12px auto;
  overflow: hidden;
  position: relative;
}

@keyframes cycleScale_40 {
  from {
    transform: scale(1);
  }

  to {
    transform: scale(30);
  }
}

.nav-right-mask .nav-right-pmp:hover::before,
.nav-right-mask .nav-right-redhat:hover::before,
.nav-right-mask .nav-right-rzks:hover::before,
.nav-right-mask .nav-right-huawei:hover::before {
  content: '';
  display: block;
  position: absolute;
  top: 33px;
  left: 119px;
  width: 10px;
  height: 10px;
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  animation: cycleScale_40 1.3s ease infinite;
}

.nav-right-mask .nav-right-pmp {
  margin: 31px auto 12px auto;
  background: url(http://www.qfedu.com/images/index2021/mask/pmp.png) no-repeat;
}

.nav-right-mask .nav-right-redhat {
  background: url(http://www.qfedu.com/images/index2021/mask/redhat.png) no-repeat;
}

.nav-right-mask .nav-right-rzks {
  background: url(http://www.qfedu.com/images/index2021/mask/rzks.png) no-repeat;
}

.nav-right-mask .nav-right-huawei {
  margin-bottom: 0;
  background: url(http://www.qfedu.com/images/index2021/mask/huawei.png) no-repeat;
}

.nav-right-mask .nav-play {
  margin: 28px 0 0 19px;
  z-index: 10;
  position: relative;
}

.m1 {
  padding-top: 58px;
}

.m1 .content {
  position: relative;
  margin-top: 20px;
  margin-bottom: 14px;
}

.m1 .content .swiper1 {
  width: 1120px;
  padding: 20px;
}

.m1 .content .swiper1 .swiper-slide {
  height: 349px;
  background: #ffffff;
  border-radius: 10px;
  border: solid 1px #e7e9ef;
  box-sizing: border-box;
  overflow: hidden;
}

.m1 .content .swiper1 .swiper-slide:hover {
  box-shadow: 0px 0px 20px #d9d9d9;
}

.m1 .content .swiper1 .swiper-slide .con-pic {
  height: 149px;
  width: 100%;
}

.m1 .content .swiper1 .swiper-slide .con-tit {
  width: 220px;
  margin: 18px auto 0 auto;
  font-size: 16px;
  color: #000000;
  line-height: 24px;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  height: 50px;
}

.m1 .content .swiper1 .swiper-slide .con-tit .icon {
  display: inline-block;
  vertical-align: top;
  width: 21px;
  height: 21px;
  background-color: #326cf6;
  border-radius: 50%;
  margin-right: 10px;
}

.m1 .content .swiper1 .swiper-slide .con-tit .icon em {
  display: inline-block;
  width: 2px;
  height: 8px;
  background-color: #ffffff;
  font-size: 0;
  text-align: center;
  margin-right: -3px;
}

.m1 .content .swiper1 .swiper-slide .con-tit .icon em:nth-child(1) {
  margin-left: 5px;
  animation: height 1s infinite;
}

.m1 .content .swiper1 .swiper-slide .con-tit .icon em:nth-child(2) {
  animation: height 1s infinite 0.2s;
}

.m1 .content .swiper1 .swiper-slide .con-tit .icon em:nth-child(3) {
  animation: height 1s infinite 0.4s;
}

.m1 .content .swiper1 .swiper-slide .con-time {
  font-size: 13px;
  text-align: center;
  margin-top: 18px;
  margin-bottom: 28px;
  color: #326cf6;
}

.m1 .content .swiper1 .swiper-slide .con-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 220px;
  margin: 0 auto;
}

.m1 .content .swiper1 .swiper-slide .con-info span {
  font-size: 14px;
  color: #999;
}

.m1 .content .swiper1 .swiper-slide .con-info .con-53 {
  width: 113px;
  height: 42px;
  line-height: 42px;
  background-image: linear-gradient(45deg, #326cf6 0%, #3399ff 100%);
  border-radius: 6px;
  text-align: center;
  color: #ffffff;
  font-size: 16px;
}

.m1 .content .swiper1 .swiper-slide .con-info .con-53 i {
  background-color: #ffffff;
  border-radius: 50%;
  font-size: 8px;
  padding: 4px;
  text-align: center;
  color: #3399ff;
  margin-left: 8px;
}

.m1 .content .swiper1 .swiper-slide:nth-child(2n) .con-time {
  color: #ff6600;
}

.m1 .content .swiper1 .swiper-slide:nth-child(2n) .con-53 {
  background-image: linear-gradient(45deg, #fe4e33 0%, #ff8534 100%);
}

.m1 .content .swiper1 .swiper-slide:nth-child(2n) .con-53 i {
  color: #ff6600;
}

.m1 .content .swiper1 .swiper-slide:nth-child(2n) .con-tit .icon {
  background-color: #ff6600;
}

.m1 .content .swiper1 .swiper-slide:nth-child(3n) .con-time {
  color: #7800ff;
}

.m1 .content .swiper1 .swiper-slide:nth-child(3n) .con-53 {
  background-image: linear-gradient(45deg, #7800ff 0%, #9333ff 100%);
}

.m1 .content .swiper1 .swiper-slide:nth-child(3n) .con-53 i {
  color: #7800ff;
}

.m1 .content .swiper1 .swiper-slide:nth-child(3n) .con-tit .icon {
  background-color: #7800ff;
}

.m1 .content .swiper1 .swiper-slide:nth-child(4n) .con-time {
  color: #00c883;
}

.m1 .content .swiper1 .swiper-slide:nth-child(4n) .con-53 {
  background-image: linear-gradient(45deg, #00c883 0%, #00de91 100%);
}

.m1 .content .swiper1 .swiper-slide:nth-child(4n) .con-53 i {
  color: #00c883;
}

.m1 .content .swiper1 .swiper-slide:nth-child(4n) .con-tit .icon {
  background-color: #00c883;
}

.m1 .content .swiper-button-prev {
  position: absolute;
  top: 152px;
  left: 0;
  width: 20px;
  height: 46px;
  line-height: 46px;
  background-color: #eaf0fe;
  color: #326cf6;
  font-size: 18px;
  text-align: center;
  border-radius: 4px;
  background-image: url() !important;
}

.m1 .content .swiper-button-next {
  position: absolute;
  top: 152px;
  right: 0;
  width: 20px;
  height: 46px;
  line-height: 46px;
  border-radius: 4px;
  background-color: #eaf0fe;
  color: #326cf6;
  font-size: 18px;
  text-align: center;
  background-image: url() !important;
}

.m1 .content .swiper-button-prev:hover,
.m1 .content .swiper-button-next:hover {
  background-color: #326cf6;
  color: #eaf0fe;
}

.m1 .btn:hover {
  color: #fff;
  background: linear-gradient(45deg, #fe4e33 0%, #ff8534 100%);
  border: 1px solid rgb(254, 78, 51);
}

@keyframes height {
  0% {
    height: 8px;
  }

  50% {
    height: 14px;
  }

  100% {
    height: 8px;
  }
}

.m2 {
  padding-top: 50px;
  padding-bottom: 40px;
}

.m2 .solgans {
  margin-top: 30px;
}

.m2 .solgans ul {
  display: flex;
}

.m2 .solgans ul li {
  width: 20%;
  display: flex;
}

.m2 .solgans ul li .logo {
  width: 33px;
  height: 33px;
  background: rgba(199, 218, 255, 0.7);
  border-radius: 50%;
  border-image: linear-gradient(0deg, #c0e6ff, #ffffff) 10 10;
  box-shadow: 0px 1px 0px 0px #ffffff;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all ease 0.3s;
  position: relative;
  margin-top: 8px;
}

.m2 .solgans ul li .logo::before {
  position: absolute;
  top: -3px;
  left: -5px;
  content: '';
  width: 20px;
  height: 20px;
  background: #056cff;
  border-radius: 50%;
  transition: all ease 0.3s;
}

.m2 .solgans ul li .logo .indexfont {
  width: 33px;
  height: 33px;
  line-height: 33px;
  background: rgba(199, 218, 255, 0.7);
  border-radius: 50%;
  text-align: center;
  font-size: 28px;
  color: #fff;
  filter: drop-shadow(0px 0px 3px rgba(0, 128, 223, 0.4));
  transition: all ease 0.3s;
}

.m2 .solgans ul li .logo:hover {
  transform: scale(1.1);
}

.m2 .solgans ul li .logo:hover::before {
  top: -4px;
  left: -8px;
}

.m2 .solgans ul li .text {
  margin-left: 9px;
}

.m2 .solgans ul li .text p:nth-child(1) {
  font-size: 16px;
  color: #000000;
}

.m2 .solgans ul li .text p:nth-child(1) strong {
  font-size: 24px;
  color: #056cff;
  font-weight: bold;
}

.m2 .solgans ul li .text p:nth-child(2) {
  font-size: 13px;
  color: #666666;
}

.m2 .m2-con {
  width: 1200px;
  padding: 36px 0 16px 0;
  background: #f6f9ff;
  border-radius: 10px;
  margin-top: 40px;
}

.m2 .m2-con .con-top {
  display: flex;
  justify-content: space-between;
  padding-left: 40px;
  width: 1160px;
  margin-bottom: 40px;
}

.m2 .m2-con .con-top .con-left {
  position: relative;
  display: none;
}

.m2 .m2-con .con-top .con-left.active {
  display: block;
}

.m2 .m2-con .con-top .con-left .pro-img {
  width: 800px;
  height: 442px;
}

.m2 .m2-con .con-top .con-left .pro-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 720px;
  height: 442px;
  padding-left: 80px;
  background: rgba(0, 0, 0, 0.7);
}

.m2 .m2-con .con-top .con-left .pro-info p {
  width: 550px;
  font-size: 16px;
  line-height: 34px;
  color: #ffffff;
  margin-bottom: 30px;
}

.m2 .m2-con .con-top .con-left .pro-info a {
  color: #ff6600;
  font-size: 16px;
}

.m2 .m2-con .con-top .con-right {
  position: relative;
  height: 442px;
  overflow-y: auto;
  padding-right: 34px;
  padding-left: 8px;
  margin-left: 24px;
}

.m2 .m2-con .con-top .con-right::before {
  position: absolute;
  top: 0;
  left: 7px;
  content: '';
  width: 1px;
  height: 634px;
  background: #326cf6;
}

.m2 .m2-con .con-top .con-right .right-tit {
  display: flex;
  align-items: center;
  color: #010101;
  font-size: 18px;
  font-weight: bold;
  margin-left: 20px;
}

.m2 .m2-con .con-top .con-right .right-tit img {
  width: 25px;
  height: 15px;
}

.m2 .m2-con .con-top .con-right .right-lists li {
  margin-top: 26px;
  display: flex;
  align-items: center;
}

.m2 .m2-con .con-top .con-right .right-lists li div h3 {
  display: flex;
  align-items: center;
  color: #000000;
  font-size: 14px;
  margin-left: -8px;
}

.m2 .m2-con .con-top .con-right .right-lists li div h3 i {
  position: relative;
  width: 14px;
  height: 14px;
  background-color: #fff;
  border: solid 1px #326cf6;
  border-radius: 50%;
  margin-right: 12px;
}

.m2 .m2-con .con-top .con-right .right-lists li div h3 i::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 8px;
  height: 8px;
  background: #326cf6;
  border-radius: 50%;
}

.m2 .m2-con .con-top .con-right .right-lists li div p {
  width: 167px;
  color: #3d485d;
  font-size: 12px;
  padding-left: 21px;
  margin-top: 4px;
  white-space: nowrap;
}

.m2 .m2-con .con-top .con-right .right-lists li a {
  width: 80px;
  height: 28px;
  border-radius: 6px;
  border: solid 1px #326cf6;
  color: #326cf6;
  font-size: 12px;
  line-height: 28px;
  text-align: center;
}

.m2 .m2-con .con-top .con-right .right-lists li.active div h3 {
  color: #ff6600;
}

.m2 .m2-con .con-top .con-right .right-lists li.active div h3 i {
  border: solid 1px #ff6600;
}

.m2 .m2-con .con-top .con-right .right-lists li.active div h3 i::before {
  background: #ff6600;
}

.m2 .m2-con .con-top .con-right .right-lists li.active div p {
  color: #ff6600;
}

.m2 .m2-con .con-top .con-right .right-lists li.active a {
  background: linear-gradient(45deg, #fe4e33 0%, #ff8534 100%);
  color: #ffffff;
  border: solid 1px #ff8534;
}

.m2 .m2-con .con-mid {
  position: relative;
  margin-bottom: 40px;
}

.m2 .m2-con .con-mid .mid-tit {
  margin-left: 40px;
  font-size: 20px;
  color: #000;
  padding-left: 12px;
  line-height: 1;
  border-left: 2px solid #326cf6;
  font-weight: bold;
  margin-bottom: 30px;
}

.m2 .m2-con .con-mid .mid-tit span {
  font-weight: normal;
  color: #3d485d;
  font-size: 14px;
  margin-left: 10px;
}

.m2 .m2-con .con-mid .swiper2 {
  width: 1122px;
}

.m2 .m2-con .con-mid .swiper2 .swiper-slide {
  text-align: center;
  padding-top: 5px;
}

.m2 .m2-con .con-mid .swiper2 .swiper-slide .icon {
  display: block;
  width: 83px;
  height: 83px;
  line-height: 83px;
  text-align: center;
  border-radius: 50%;
  background-image: linear-gradient(0deg, #ffffff 0%, #f4f5f8 100%),
    linear-gradient(#326cf6, #326cf6);
  background-blend-mode: normal, normal;
  box-shadow: 0px 0px 6px 0px rgba(0, 21, 72, 0.1),
    inset 0px 2px 4px 0px #ffffff;
  border: solid 1px #ffffff;
  color: #326cf6;
  font-size: 38px;
  margin: 0 auto;
}

.m2 .m2-con .con-mid .swiper2 .swiper-slide .icon:hover {
  transform: scale(1.05);
}

.m2 .m2-con .con-mid .swiper2 .swiper-slide p {
  font-size: 14px;
  color: #000;
  margin-top: 10px;
}

.m2 .m2-con .con-mid .swiper2 .swiper-slide:nth-child(10n + 2) .icon {
  color: #ff6600;
}

.m2 .m2-con .con-mid .swiper2 .swiper-slide:nth-child(10n + 3) .icon {
  color: #7800ff;
}

.m2 .m2-con .con-mid .swiper2 .swiper-slide:nth-child(10n + 4) .icon {
  color: #e70021;
}

.m2 .m2-con .con-mid .swiper2 .swiper-slide:nth-child(10n + 5) .icon {
  color: #00c883;
}

.m2 .m2-con .con-mid .swiper2 .swiper-slide:nth-child(10n + 6) .icon {
  color: #00a1fd;
}

.m2 .m2-con .con-mid .swiper2 .swiper-slide:nth-child(10n + 7) .icon {
  color: #fdb800;
}

.m2 .m2-con .con-mid .swiper2 .swiper-slide:nth-child(10n + 8) .icon {
  color: #7800ff;
}

.m2 .m2-con .con-mid .swiper2 .swiper-slide:nth-child(10n + 9) .icon {
  color: #ff0000;
}

.m2 .m2-con .con-mid .swiper2 .swiper-slide:nth-child(10n + 10) .icon {
  color: #00c883;
}

.m2 .m2-con .con-bot {
  position: relative;
}

.m2 .m2-con .con-bot .bot-tit {
  margin-left: 40px;
  font-size: 20px;
  color: #000;
  padding-left: 12px;
  line-height: 1;
  border-left: 2px solid #326cf6;
  font-weight: bold;
  margin-bottom: 10px;
}

.m2 .m2-con .con-bot .bot-tit span {
  font-weight: normal;
  color: #3d485d;
  font-size: 14px;
  margin-left: 10px;
}

.m2 .m2-con .con-bot .swiper3 {
  width: 1122px;
  padding: 20px;
}

.m2 .m2-con .con-bot .swiper3 .i5-mask {
  display: block;
  width: 264px;
  height: 300px;
  background-color: #ffffff;
  border-radius: 10px;
  overflow: hidden;
  text-align: center;
}

.m2 .m2-con .con-bot .swiper3 .i5-mask:hover {
  box-shadow: 0px 0px 20px #d9d9d9;
}

.m2 .m2-con .con-bot .swiper3 .i5-mask img {
  width: 264px;
  height: 144px;
  border-radius: 10px 10px 0px 0px;
}

.m2 .m2-con .con-bot .swiper3 .i5-mask p {
  font-size: 16px;
  color: #000;
  font-weight: bold;
  margin-top: 20px;
}

.m2 .m2-con .con-bot .swiper3 .i5-mask h3 {
  width: 100px;
  height: 26px;
  line-height: 26px;
  border-radius: 4px;
  border: solid 1px #326cf6;
  color: #326cf6;
  font-size: 13px;
  margin: 14px auto 10px auto;
}

.m2 .m2-con .con-bot .swiper3 .i5-mask h4 {
  color: #666666;
  font-size: 14px;
}

.m2 .m2-con .swiper-button-prev {
  position: absolute;
  top: 90px;
  left: 12px;
  width: 20px;
  height: 46px;
  line-height: 46px;
  background-color: #eaf0fe;
  color: #326cf6;
  font-size: 18px;
  text-align: center;
  border-radius: 4px;
  background-image: url() !important;
}

.m2 .m2-con .swiper-button-prev:hover {
  background-color: #326cf6;
  color: #fff;
}

.m2 .m2-con .swiper-button-prev.swiper-button-prev3 {
  top: 200px;
}

.m2 .m2-con .swiper-button-next {
  position: absolute;
  top: 90px;
  right: 12px;
  width: 20px;
  height: 46px;
  line-height: 46px;
  border-radius: 4px;
  background-color: #eaf0fe;
  color: #326cf6;
  font-size: 18px;
  text-align: center;
  background-image: url() !important;
}

.m2 .m2-con .swiper-button-next:hover {
  background-color: #326cf6;
  color: #fff;
}

.m2 .m2-con .swiper-button-next.swiper-button-next3 {
  top: 200px;
}

.m3 {
  padding-top: 50px;
}

.m3 .m3-solgans {
  margin-top: 34px;
  height: 55px;
}

.m3 .m3-solgans ul {
  display: flex;
  justify-content: space-between;
}

.m3 .m3-solgans ul li {
  flex: 1;
  display: flex;
}

.m3 .m3-solgans ul li .logo {
  width: 55px;
  height: 55px;
  background: rgba(199, 218, 255, 0.7);
  border-image: linear-gradient(0deg, #c0e6ff, #ffffff) 10 10;
  box-shadow: 0px 1px 0px 0px #ffffff;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all ease 0.3s;
  position: relative;
}

.m3 .m3-solgans ul li .logo::before {
  position: absolute;
  top: -8px;
  left: -10px;
  z-index: -1;
  content: '';
  display: inline-block;
  width: 36px;
  height: 36px;
  background-color: #0048c4;
  border-radius: 50%;
  transition: all ease 0.3s;
}

.m3 .m3-solgans ul li .logo .icon {
  display: inline-block;
  width: 28px;
  height: 28px;
  text-align: center;
  font-size: 28px;
  color: #fff;
  filter: drop-shadow(0px 0px 3px rgba(0, 128, 223, 0.4));
  transition: all ease 0.3s;
}

.m3 .m3-solgans ul li .logo:hover {
  width: 60px;
  height: 60px;
}

.m3 .m3-solgans ul li .logo:hover .icon {
  transform: scale(1.1);
}

.m3 .m3-solgans ul li .logo:hover::before {
  top: -12px;
  left: -14px;
}

.m3 .m3-solgans ul li .text p {
  margin-left: 12px;
  height: 24px;
  font-size: 16px;
  line-height: 24px;
  color: #000;
}

.m3 .m3-solgans ul li .text p:nth-child(2) {
  margin-top: 9px;
  font-size: 14px;
  color: #666;
  line-height: 14px;
  height: 14px;
}

.m3 .m3-solgans ul li .text strong {
  font-size: 24px;
  color: #056cff;
  font-weight: 600;
}

.m3 .m3-notes {
  font-size: 12px;
  color: #999;
  margin-bottom: 20px;
  margin-top: 17px;
  text-align: right;
}

.m3 .exclusive_box {
  display: flex;
}

.m3 .exclusive_box .exclusive_per {
  width: 910px;
  height: 332px;
  background: linear-gradient(0deg, #ffffff 0%, #f4f5f8 100%);
  box-shadow: 0px 0px 10px 0px rgba(0, 21, 72, 0.1),
    inset 0px 2px 4px 0px #ffffff;
  border-radius: 14px;
  border: solid 2px #ffffff;
  box-sizing: border-box;
  margin-top: 60px;
}

.m3 .exclusive_box .exclusive_per .left,
.m3 .exclusive_box .exclusive_per .right {
  position: absolute;
  top: 172px;
  width: 30px;
  height: 18px;
  line-height: 18px;
  border-radius: 3px;
  border: solid 1px #ff6600;
  text-align: center;
  color: #ff6600;
  font-size: 18px;
  z-index: 2;
  cursor: pointer;
}

.m3 .exclusive_box .exclusive_per .left:hover,
.m3 .exclusive_box .exclusive_per .right:hover {
  background: #ff6600;
  color: #fff;
}

.m3 .exclusive_box .exclusive_per .right {
  right: 12px;
}

.m3 .exclusive_box .exclusive_per .left {
  right: 52px;
  transform: rotate(180deg);
}

.m3 .exclusive_box .exclusive_per .img_box {
  position: relative;
  width: 850px;
  height: 330px;
  margin: -38px 0 0 22px;
  overflow: hidden;
}

.m3 .exclusive_box .exclusive_per .per_img {
  position: absolute;
  left: 0;
  top: 0;
  padding-top: 205px;
}

.m3 .exclusive_box .exclusive_per .per_img li {
  float: left;
  width: 110px;
  height: 125px;
  background-image: linear-gradient(0deg, #b3b9ca 0%, #7f8393 100%);
  border-radius: 6px;
  position: relative;
  margin-left: 22px;
  overflow: hidden;
}

.m3 .exclusive_box .exclusive_per .per_img li img {
  position: absolute;
  bottom: 0;
  left: 50%;
  height: 100%;
  transform: translateX(-50%);
}

.m3 .exclusive_box .exclusive_per .per_img .first {
  width: 290px;
  height: 330px;
  margin-top: -205px;
  border-radius: 10px;
}

.m3 .exclusive_box .exclusive_per .per_info {
  width: 500px;
  position: absolute;
  left: 360px;
  top: 78px;
}

.m3 .exclusive_box .exclusive_per .per_info li {
  display: none;
}

.m3 .exclusive_box .exclusive_per .per_info h3 {
  display: flex;
  font-size: 30px;
  color: #000000;
  font-weight: bold;
}

.m3 .exclusive_box .exclusive_per .per_info h3 span {
  font-size: 14px;
  margin-left: 8px;
  font-size: #666666;
  font-weight: normal;
  position: relative;
  margin-right: 6px;
  padding-top: 18px;
}

.m3 .exclusive_box .exclusive_per .per_info h3 span::after {
  position: absolute;
  top: 21px;
  right: -7px;
  content: '';
  width: 1px;
  height: 14px;
  background: rgb(102, 102, 102);
}

.m3 .exclusive_box .exclusive_per .per_info h3 span:last-child::after {
  width: 0;
}

.m3 .exclusive_box .exclusive_per .per_info p {
  width: 480px;
  font-size: 14px;
  color: #666;
  line-height: 22px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.m3 .exclusive_per .per_info .zx {
  width: 88px;
  line-height: 22px;
  font-size: 12px;
  text-align: center;
  border: 1px solid #f5833a;
  border-radius: 6px;
  display: block;
  color: #f5833a;
  position: absolute;
  right: 0;
  bottom: 0;
}

.m3 .exclusive_box .exclusive_per .per_info .zx:hover {
  background: #f5833a;
  color: #fff;
}

.m3 .exclusive_box .info {
  margin-left: 35px;
}

.m3 .exclusive_box .info h3 {
  color: #000000;
  font-size: 20px;
  font-style: italic;
  margin-top: 96px;
}

.m3 .exclusive_box .info h3 .m3-xianshi {
  height: 26px;
  margin-right: 6px;
}

.m3 .exclusive_box .info h3 .m3-hot {
  height: 19px;
  margin-left: 3px;
  margin-top: -8px;
}

.m3 .exclusive_box .info h4 {
  position: relative;
  font-size: 24px;
  color: #000000;
  font-style: italic;
  font-weight: bold;
  text-align: center;
}

.m3 .exclusive_box .info h4 span {
  color: #f75c3a;
}

.m3 .exclusive_box .info h4::after {
  content: '';
  width: 253px;
  height: 11px;
  position: absolute;
  bottom: -12px;
  right: 0;
  background: url(../images_index/m3-line.png) no-repeat;
  background-size: 253px 11px;
}

.m3 .exclusive_box .info .m3-right-des {
  color: #333333;
  font-size: 14px;
  margin: 30px auto 24px auto;
  text-align: center;
}

.m3 .exclusive_box .info .tips {
  font-size: 14px;
  color: #999999;
  margin-top: 16px;
  text-align: center;
}

.m3 .ms_btn {
  display: block;
  width: 238px;
  height: 47px;
  line-height: 47px;
  border-radius: 6px;
  border: solid 1px #ff6600;
  margin: 0 auto;
  font-size: 16px;
  color: #333333;
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
}

.m3 .ms_btn span {
  position: relative;
  z-index: 2;
  transition: color 0.5s;
  -moz-transition: color 0.5s;
  -o-transition: color 0.5s;
  -webkit-transition: color 0.5s;
  padding-left: 48px;
}

.m3 .ms_btn i {
  position: absolute;
  top: 0;
  right: 0;
  width: 82px;
  height: 47px;
  background-image: linear-gradient(45deg, #fe4e33 0%, #ff8534 100%);
  border-radius: 0px 6px 6px 0px;
  transition: width 0.4s;
  -moz-transition: width 0.4s;
  -o-transition: width 0.4s;
  -webkit-transition: width 0.4s;
  box-sizing: border-box;
  font-size: 28px;
  color: #fff;
  text-align: right;
  padding-right: 26px;
}

.m3 .ms_btn:hover i {
  width: 100%;
}

.m3 .ms_btn:hover span {
  color: #fff;
}

.m3 .m3-teacher {
  position: relative;
  margin-top: 36px;
  display: none;
}

.m3 .m3-teacher .swiper4 {
  width: 1122px;
}

.m3 .m3-teacher .swiper4 .swiper-slide .te-item {
  position: relative;
  width: 171px;
  height: 259px;
  background-image: linear-gradient(#ffffff, #ffffff),
    linear-gradient(#ffffff, #ffffff);
  background-blend-mode: normal, normal;
  box-shadow: 0px 4px 10px 0px rgba(216, 220, 233, 0.3);
  border-radius: 10px;
  border: solid 1px #e7e9ef;
  margin: 0 auto;
  box-sizing: border-box;
  overflow: hidden;
}

.m3 .m3-teacher .swiper4 .swiper-slide .te-item:hover .te-item-mask {
  display: block;
}

.m3 .m3-teacher .swiper4 .swiper-slide .te-item img {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);

  height: 194px;
  background: linear-gradient(0deg, #b3b9ca 0%, #7f8393 100%);
  border-radius: 10px 10px 0px 0px;
  box-sizing: border-box;
}

.m3 .m3-teacher .swiper4 .swiper-slide .te-item h3 {
  font-size: 16px;
  color: #000000;
  text-align: center;
  margin: 0 auto 4px auto;
  padding-top: 200px;
}

.m3 .m3-teacher .swiper4 .swiper-slide .te-item .item-tit {
  font-size: 13px;
  color: #666666;
  text-align: center;
}

.m3 .m3-teacher .swiper4 .swiper-slide .te-item .item-tit span {
  background: rgba(50, 108, 246, 0.1);
  border-radius: 10px;
  padding: 1px 8px;
  font-size: 10px;
  color: #3a72f6;
  text-align: center;
  margin: 0 1px;
}

.m3 .m3-teacher .swiper4 .swiper-slide .te-item .te-item-mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 131px;
  height: 174px;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 10px 10px 0px 0px;
  font-size: 12px;
  color: #fff;
  padding: 20px 20px 0 20px;
  display: none;
}

.m3 .m3-teacher .swiper4 .swiper-slide .te-item .te-item-mask p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
  overflow: hidden;
}

.m3 .m3-teacher .swiper4 .swiper-slide .te-item .te-item-mask a {
  display: block;
  width: 66px;
  height: 22px;
  line-height: 22px;
  text-align: center;
  background-image: linear-gradient(45deg, #fe4e33 0%, #ff8534 100%);
  border-radius: 11px;
  font-size: 12px;
  color: #fff;
  margin: 10px auto 0 auto;
}

.m3 .m3-teacher .swiper-button-prev4 {
  position: absolute;
  top: 120px;
  left: 12px;
  width: 20px;
  height: 46px;
  line-height: 46px;
  background-color: #eaf0fe;
  color: #326cf6;
  font-size: 18px;
  text-align: center;
  border-radius: 4px;
  background-image: url() !important;
}

.m3 .m3-teacher .swiper-button-prev4:hover {
  background-color: #326cf6;
  color: #fff;
}

.m3 .m3-teacher .swiper-button-next4 {
  position: absolute;
  top: 120px;
  right: 12px;
  width: 20px;
  height: 46px;
  line-height: 46px;
  border-radius: 4px;
  background-color: #eaf0fe;
  color: #326cf6;
  font-size: 18px;
  text-align: center;
  background-image: url() !important;
}

.m3 .m3-teacher .swiper-button-next4:hover {
  background-color: #326cf6;
  color: #fff;
}

.tit-svg {
  display: flex;
  justify-content: space-between;
  margin-bottom: 28px;
  margin-top: 42px;
}

.tit-svg .svg-left {
  position: relative;
}

.tit-svg .svg-left svg {
  width: 224px;
  height: 50px;
  fill: #326cf6;
}

.tit-svg .svg-left svg .st1 {
  opacity: 0.6;
}

.tit-svg .svg-left svg .st2 {
  opacity: 0.2;
}

.tit-svg .svg-left svg.rdht {
  fill: #ff6600;
}

.tit-svg .svg-left svg.qzzp {
  fill: #7800ff;
}

.tit-svg .svg-left span {
  position: absolute;
  top: 0;
  left: 0;
  width: 224px;
  height: 50px;
  font-size: 24px;
  color: #fff;
  line-height: 50px;
  padding-left: 40px;
}

.tit-svg .svg-right {
  display: flex;
  justify-content: flex-end;
  width: 955px;
  border-bottom: 1px solid #326cf6;
  height: 50px;
  box-sizing: border-box;
}

.tit-svg .svg-right a {
  line-height: 50px;
  color: #999999;
  font-size: 14px;
}

.tit-svg .svg-right.rdht {
  border-bottom: 1px solid #ff6600;
  justify-content: space-between;
}

.tit-svg .svg-right.rdht span {
  font-size: 16px;
  color: #000;
  line-height: 50px;
  text-align: center;
  width: 106px;
  cursor: pointer;
}

.tit-svg .svg-right.rdht span.active i {
  border-radius: 14px;
  border: solid 1px #ff6600;
  padding: 0 12px;
  color: #ff6600;
}

.tit-svg .svg-right.qzzp {
  border-bottom: 1px solid #7800ff;
}

.news-con {
  display: flex;
  justify-content: space-between;
}

.m6 .news-con {
  display: none;
}

.m6 .news-con.active {
  display: flex;
}

.news-con .con-left {
  width: 220px;
  height: 420px;
  border-radius: 10px;
}

.news-con .con-left img {
  height: 100%;
}

.news-con .con-right {
  width: 956px;
}

.news-con .con-right .right-top {
  display: flex;
  justify-content: space-between;
}

.news-con .con-right .right-top li {
  width: 220px;
}

.news-con .con-right .right-top li div {
  width: 220px;
  height: 128px;

  border-radius: 10px;
  margin-bottom: 18px;
  overflow: hidden;
}

.news-con .con-right .right-top li div img {
  width: 220px;
  height: 128px;
  transition: 0.5s;
}

.news-con .con-right .right-top li:hover div img {
  transform: scale(1.2);
}

.news-con .con-right .right-top li div h3 {
  display: flex;
  height: 128px;
  align-items: center;
  width: 85px;
  color: rgb(255, 255, 255);
  font-weight: bold;
  padding-left: 20px;
  font-size: 20px;
}

.news-con .con-right .right-top li p {
  text-align: center;
  color: #000000;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.news-con .con-right .right-top li:hover p {
  color: #326cf6;
}

.m6 .news-con .con-right .right-top li:hover p {
  color: #ff6600;
}

.m7 .news-con .con-right .right-top li:hover p {
  color: #7800ff;
}

.news-con .con-right .right-bottom {
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
}

.news-con .con-right .right-bottom .right-bottom-tit {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: 277px;
  border-bottom: 1px solid #ccc;
  padding-bottom: 12px;
  line-height: 1;
}

.news-con .con-right .right-bottom .right-bottom-tit span {
  font-size: 18px;
  color: #000;
  font-weight: bold;
  border-left: 2px solid #326cf6;
  padding-left: 10px;
}

.news-con .con-right .right-bottom .right-bottom-tit span a {
  font-size: 18px;
  color: #000;
}

.m6 .news-con .con-right .right-bottom .right-bottom-tit span {
  border-left: 2px solid #ff6600;
}

.m7 .news-con .con-right .right-bottom .right-bottom-tit span {
  border-left: 2px solid #7800ff;
}

.news-con .con-right .right-bottom .right-bottom-tit a {
  font-size: 14px;
  color: #999;
}

.news-con .con-right .right-bottom .right-bottom-con {
  padding-top: 12px;
}

.news-con .con-right .right-bottom .right-bottom-con li {
  margin-top: 10px;
}

.news-con .con-right .right-bottom .right-bottom-con li a {
  position: relative;
  font-size: 14px;
  color: #666;
  padding-left: 16px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 270px;
}

.news-con .con-right .right-bottom .right-bottom-con li a:hover {
  color: rgb(50, 108, 246);
}

.m6 .news-con .con-right .right-bottom .right-bottom-con li a:hover {
  color: #ff6600;
}

.m7 .news-con .con-right .right-bottom .right-bottom-con li a:hover {
  color: #7800ff;
}

.news-con .con-right .right-bottom .right-bottom-con li a::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 6px;
  height: 6px;
  background-color: #326cf6;
  border-radius: 50%;
}

.m6 .news-con .con-right .right-bottom .right-bottom-con li a::before {
  background-color: #ff6600;
}

.m7 .news-con .con-right .right-bottom .right-bottom-con li a::before {
  background-color: #7800ff;
}

.news-con .con-right .right-bottom .right-bottom-con li.pic a {
  display: flex;
  padding-left: 0;
}

.news-con .con-right .right-bottom .right-bottom-con li:nth-child(1) a img {
  display: block;
  width: 132px;
  height: 78px;
  margin-right: 15px;
  border-radius: 10px;
}

.news-con .con-right .right-bottom .right-bottom-con li a img {
  display: none;
}

.news-con .con-right .right-bottom .right-bottom-con li a p {
  position: relative;
  font-size: 14px;
  color: #666;
  padding-left: 16px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 270px;
}

.news-con .con-right .right-bottom .right-bottom-con li a p:hover {
  color: rgb(50, 108, 246);
}

.m6 .news-con .con-right .right-bottom .right-bottom-con li a p:hover {
  color: rgb(255, 102, 0);
}

.m7 .news-con .con-right .right-bottom .right-bottom-con li a p:hover {
  color: rgb(120, 0, 255);
}

.news-con .con-right .right-bottom .right-bottom-con li a p::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 6px;
  height: 6px;
  background-color: #326cf6;
  border-radius: 50%;
}

.m6 .news-con .con-right .right-bottom .right-bottom-con li a p::before {
  background-color: #ff6600;
}

.m7 .news-con .con-right .right-bottom .right-bottom-con li a p::before {
  background-color: #7800ff;
}

.news-con .con-right .right-bottom .right-bottom-con li:nth-child(1).pic a p::before {
  width: 0;
}

.news-con .con-right .right-bottom .right-bottom-con li:nth-child(1).pic a p {
  padding-left: 0;
  overflow: visible;
  text-overflow: initial;
  white-space: normal;
}

.news-con .con-right .right-bottom .right-bottom-con li:nth-child(1) a p {
  width: 114px;
  color: #666666;
  font-size: 14px;
  white-space: break-spaces;
}

.news-con .con-right .right-bottom .right-bottom-con li.pic a p span {
  display: none;
}

.news-con .con-right .right-bottom .right-bottom-con li:nth-child(1) a p span {
  display: inline-block;
  color: #326cf6;
}

.m6 .news-con .con-right .right-bottom .right-bottom-con li:nth-child(1) a p span {
  color: #ff6600;
}

.m7 .news-con .con-right .right-bottom .right-bottom-con li:nth-child(1) a p span {
  color: #7800ff;
}

.news-con .con-right .right-bottom .right-bottom-con li.pic a::before {
  width: 0;
}

.ad-banner {
  display: block;
  width: 100%;
  height: 100px;
  background: url(../images_index/ad.png?1) no-repeat;
  background-size: 1920px 100px;
  background-position: center;
  margin-top: 42px;
}

.m8 {
  margin-top: 40px;
}

.m8 .m8-tabs {
  display: flex;
  height: 60px;
  background: linear-gradient(0deg, #ffffff 0%, #f4f5f8 100%);
  box-shadow: 0px 0px 10px 0px rgba(0, 21, 72, 0.1),
    inset 0px 2px 4px 0px #ffffff;
  border-radius: 30px;
  border: solid 2px #ffffff;
  box-sizing: border-box;
  margin-top: 30px;
  overflow: hidden;
}

.m8 .m8-tabs span {
  flex: 1;
  line-height: 60px;
  text-align: center;
  cursor: pointer;
}

.m8 .m8-tabs span a {
  display: block;
  font-size: 18px;
  color: #666666;
}

.m8 .m8-tabs span.active a {
  background: #326cf6;
  color: #ffffff;
}

.m8 .m8-con {
  display: none;
}

.m8 .m8-con.active {
  display: block;
}

.m8 .con-lists {
  width: 1200px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 40px;
}

.m8 .con-lists .con-item {
  display: flex;
  align-items: center;
  height: 44px;
  width: 350px;
}

.m8 .con-lists .con-item .date {
  position: relative;
  font-size: 16px;
  color: #999999;
  padding-right: 16px;
  border-right: 1px solid #326cf6;
  height: 44px;
  line-height: 44px;
  white-space: nowrap;
  width: 44px;
}

.m8 .con-lists .con-item .date::after {
  position: absolute;
  top: 50%;
  right: -6px;
  transform: translateY(-50%);
  content: '';
  width: 11px;
  height: 11px;
  background-color: #326cf6;
  border: solid 3px #ffffff;
  border-radius: 50%;
  box-sizing: border-box;
}

.m8 .con-lists .con-item .tit {
  font-size: 16px;
  color: #000000;
  padding-left: 16px;
  white-space: nowrap;
  font-weight: normal;
  text-overflow: ellipsis;
  overflow: hidden;
  flex: 1;
  text-align: left;
}

.m8 .con-lists .con-item .tit:hover {
  color: #326cf6;
}

.i11 {
  padding: 50px 0;
}

.i11 .solgans {
  margin: 44px 0 48px 0;
  padding: 0 74px;
  display: flex;
  justify-content: space-between;
}

.i11 .solgans .item {
  display: block;
  width: 128px;
}

.i11 .solgans .item span {
  margin: 0 auto 16px auto;
  display: block;
  width: 87px;
  height: 87px;
  background: url('http://www.qfedu.com/imgs2022/hexagon_bg.png') no-repeat;
  background-size: 100% 100%;
  line-height: 87px;
  text-align: center;
  font-size: 34px;
  font-weight: bold;
  color: #fff;
  text-shadow: 0px 1px 1px #056cff;
  text-indent: 10px;
  transition: all ease 0.3s;
}

.i11 .solgans .item span:hover {
  transform: translateY(-10px);
}

.i11 .solgans .item p {
  height: 16px;
  font-size: 16px;
  color: #333;
  line-height: 16px;
  white-space: nowrap;
}

.i11 .content {
  display: flex;
  flex-grow: 0;
}

.i11 .content .item {
  width: 240px;
  height: 400px;
  position: relative;
  color: #fff;
  transition: all ease 0.3s;
  overflow: hidden;
}

@keyframes maskFadeOut {
  from {
    background-color: rgba(0, 0, 0, 0.4);
  }

  to {
    background-color: rgba(0, 0, 0, 0);
    z-index: -1;
    display: none;
  }
}

.i11 .content .item::after {
  content: '';
  display: block;
  background-color: rgba(0, 0, 0, 0.4);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}

.i11 .content .item .cover {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: auto;
  height: 100%;
}

.i11 .content .item .text {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 20px;
  height: 100px;
  background: rgba(0, 14, 50, 0.7);
  box-sizing: border-box;
  transition: all ease 0.3s;
}

.i11 .content .item .text h3 {
  margin-bottom: 10px;
  padding-left: 10px;
  height: 20px;
  font-size: 20px;
  font-weight: 600;
  line-height: 19px;
  border-left: 5px solid #056cff;
}

.i11 .content .item .text p {
  font-size: 13px;
  line-height: 17px;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.i11 .content .item.active {
  flex-grow: 1;
}

.i11 .content .item.active::after {
  animation: maskFadeOut 0.5s ease forwards 1;
}

.i11 .content .item.active .text {
  background: #056cff;
}

.i11 .content .item.active .text h3 {
  border-left-color: #fff;
}

.i11 .notes {
  font-size: 12px;
  color: #999;
  margin-top: 20px;
  text-align: right;
}

.m9 .m9-top {
  display: flex;
  justify-content: center;
  position: relative;
  width: 1200px;
  height: 118px;
  background: linear-gradient(0deg, #ffffff 0%, #f4f5f8 100%);
  box-shadow: 0px 0px 10px 0px rgba(0, 21, 72, 0.1),
    inset 0px 2px 4px 0px #ffffff;
  border-radius: 10px;
  border: solid 2px #ffffff;
  box-sizing: border-box;
  margin-top: 40px;
}

.m9 .m9-top span {
  position: relative;
  width: 228px;
  height: 42px;
  text-align: center;
  font-size: 16px;
  color: #000000;
  border-bottom: 1px solid #cccccc;
  margin-top: 34px;
}

.m9 .m9-top span.active i {
  padding: 6px 20px;
  background-color: #326cf6;
  border-radius: 20px;
  color: #fff;
}

.m9 .m9-top span.active::after {
  background-color: #326cf6;
}

.m9 .m9-top span::after {
  position: absolute;
  bottom: -5px;
  left: 50%;
  transform: translateX(-50%);
  content: '';
  width: 10px;
  height: 10px;
  background-color: #999999;
  border-radius: 50%;
}

.m9 .m9-top::before {
  content: '';
  position: absolute;
  top: -40px;
  right: -40px;
  width: 392px;
  height: 137px;
  background-color: #326cf6;
  border-radius: 10px;
  opacity: 0.15;
  z-index: -1;
}

.m9 .m9-con {
  position: relative;
  width: 1200px;
  height: 480px;
  background: linear-gradient(0deg, #ffffff 0%, #f4f5f8 100%);
  box-shadow: 0px 0px 10px 0px rgba(0, 21, 72, 0.1),
    inset 0px 2px 4px 0px #ffffff;
  border-radius: 10px;
  border: solid 2px #ffffff;
  box-sizing: border-box;
  margin-top: 20px;
}

.m9 .m9-con::after {
  content: '';
  position: absolute;
  bottom: -40px;
  left: -40px;
  width: 392px;
  height: 187px;
  background-color: #326cf6;
  border-radius: 10px;
  z-index: -1;
}

.m9 .m9-con .swiper9 {
  width: 1002px;
  height: 400px;
  margin: 40px auto 0 auto;
  background: url(../images_index/m9-1.png) no-repeat;
  background-size: 1002px 400px;
}

.m9 .m9-con .swiper9 .swiper-slide {
  width: 1002px;
  height: 340px;
  padding-top: 60px;
}

.m9 .m9-con .swiper9 .swiper-slide.pt30 {
  padding-top: 30px;
}

.m9 .m9-con .swiper9 .swiper-slide .m9-item {
  display: flex;
  align-items: flex-end;
  color: #ffffff;
  margin-left: 100px;
  margin-bottom: 30px;
}

.m9 .m9-con .swiper9 .swiper-slide .m9-item .item-info {
  width: 623px;
}

.m9 .m9-con .swiper9 .swiper-slide .m9-item .item-info h3 {
  line-height: 1;
  padding-left: 9px;
  font-size: 18px;
  margin-bottom: 6px;
  border-left: 2px solid #326cf6;
}

.m9 .m9-con .swiper9 .swiper-slide .m9-item .item-info p {
  font-size: 14px;
  padding-left: 11px;
}

.m9 .m9-con .swiper9 .swiper-slide .m9-item a {
  width: 94px;
  height: 35px;
  line-height: 35px;
  background-image: linear-gradient(45deg, #fe4e33 0%, #ff8534 100%);
  border-radius: 17px;
  text-align: center;
  color: #ffffff;
  font-size: 14px;
}

.m9 .m9-con .swiper-button-next9 {
  position: absolute;
  right: 40px;
  width: 20px;
  height: 46px;
  line-height: 46px;
  border-radius: 4px;
  background-color: #eaf0fe;
  color: #326cf6;
  font-size: 18px;
  text-align: center;
  background-image: url() !important;
}

.m9 .m9-con .swiper-button-next9:hover {
  background-color: #326cf6;
  color: #fff;
}

.m9 .m9-con .swiper-button-prev9 {
  position: absolute;
  left: 40px;
  width: 20px;
  height: 46px;
  line-height: 46px;
  background-color: #eaf0fe;
  color: #326cf6;
  font-size: 18px;
  text-align: center;
  border-radius: 4px;
  background-image: url() !important;
}

.m9 .m9-con .swiper-button-prev9:hover {
  background-color: #326cf6;
  color: #fff;
}

.m10 {
  margin-top: 90px;
}

.m10 .m10-swiper {
  position: relative;
  width: 950px;
}

.m10 .m10-right {
  display: flex;
  flex-wrap: wrap;
  /* justify-content: space-between; */
  width: 950px;
  height: 372px;
}

.m10 .m10-right a {
  width: 222px;
  height: 176px;
  background: #fff;
  box-sizing: border-box;
  box-shadow: 0px 4px 10px 0px rgba(216, 220, 233, 0.3);
  border-radius: 10px;
  border: solid 1px #e7e9ef;
  overflow: hidden;
  margin-bottom: 20px;
  margin-right: 18px;
}

.m10 .m10-right a:nth-child(4n) {
  margin-right: 0;
}

.m10 .m10-right a:hover {
  box-shadow: 0 0 20px rgba(50, 108, 246, 0.25);
}

.m10 .m10-right a img {
  width: 222px;
  height: 122px;
}

.m10 .m10-right a h3 {
  color: #333333;
  font-size: 14px;
  padding-top: 16px;
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.m10 .m10-notes {
  color: #999999;
  font-size: 12px;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 30px;
}

.m10 .m10-tit {
  display: flex;
  justify-content: space-between;
}

.m10 .m10-tit h3 {
  width: 100px;
  color: #326cf6;
  font-size: 24px;
  font-weight: bold;
  border-left: 4px solid #326cf6;
  padding-left: 14px;
  line-height: 1;
}

.m10 .m10-tit .swiper10 {
  position: relative;
  width: 913px;
  height: 27px;
}

.m10 .m10-tit .swiper10 .swiper-wrapper .swiper-slide {
  width: 83px;
  height: 27px;
  text-align: center;
  line-height: 27px;
  cursor: pointer;
  white-space: nowrap;
}

.m10 .m10-tit .swiper10 .swiper-wrapper .swiper-slide.active {
  border-radius: 14px;
  border: solid 1px #3366ff;
  color: #326cf6;
  box-sizing: border-box;
}

.m10 .m10-tit .m10-swiper .swiper-button-next10,
.m10 .m10-tit .m10-swiper .swiper-button-prev10 {
  background: url();
  font-size: 18px;
  color: #ccc;
  margin-top: -13px;
  height: 27px;
}

.m10 .m10-tit .m10-swiper .swiper-button-next10 {
  right: 0;
  text-align: right;
}

.m10 .m10-tit .m10-swiper .swiper-button-prev10 {
  left: 0;
}

.m10 .m10-tit .m10-swiper .swiper-button-next10:hover,
.m10 .m10-tit .m10-swiper .swiper-button-prev10:hover {
  color: #326cf6;
}

.m10 .m10-bottom {
  display: flex;
  justify-content: space-between;
  margin-top: 36px;
}

.m10 .m10-bottom .m10-left {
  width: 223px;
  height: 388px;
}

.m10 .m10-bottom .m10-left img {
  width: 100%;
  height: 100%;
}

.m10 .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  box-sizing: border-box;
  border: 1px solid #fff;
  opacity: 1;
  background: transparent;
}

.m10 .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #fff;
}

.m10 .swiper-container-horizontal>.swiper-pagination-bullets {
  bottom: 22px;
}

.m11 {
  margin-top: 60px;
}

.m11 .content {
  position: relative;
  margin-top: 10px;
}

.m11 .content .swiper11 {
  width: 1120px;
  padding: 20px;
}

.m11 .content .swiper11 .swiper-slide {
  height: 296px;
  background: #fff;
  /* box-shadow: 0px 4px 10px 0px rgba(216, 220, 233, 0.3); */
  border-radius: 10px;
  border: solid 1px #e7e9ef;
  box-sizing: border-box;
}

.m11 .content .swiper11 .swiper-slide:hover {
  box-shadow: 0px 0px 20px #d9d9d9;
}

.m11 .content .swiper11 .swiper-slide .item-pic {
  display: block;
  width: 236px;
  height: 173px;
  margin: 13px auto 0 auto;
}

.m11 .content .swiper11 .swiper-slide .item-info {
  display: flex;
  margin-top: 20px;
}

.m11 .content .swiper11 .swiper-slide .item-info img {
  width: 49px;
  height: 49px;
  margin-right: 10px;
  margin-left: 20px;
}

.m11 .content .swiper11 .swiper-slide .item-info div h3 {
  font-size: 18px;
  color: #000;
  font-weight: bold;
}

.m11 .content .swiper11 .swiper-slide .item-info div p {
  width: 154px;
  color: #666666;
  font-size: 13px;
  line-height: 18px;
  margin-top: 6px;
}

.m11 .content .swiper-button-next11 {
  position: absolute;
  top: 152px;
  right: 0px;
  width: 20px;
  height: 46px;
  line-height: 46px;
  border-radius: 4px;
  background-color: #eaf0fe;
  color: #326cf6;
  font-size: 18px;
  text-align: center;
  background-image: url() !important;
}

.m11 .content .swiper-button-next11:hover {
  background-color: #326cf6;
  color: #eaf0fe;
}

.m11 .content .swiper-button-prev11 {
  position: absolute;
  top: 152px;
  left: 0px;
  width: 20px;
  height: 46px;
  line-height: 46px;
  background-color: #eaf0fe;
  color: #326cf6;
  font-size: 18px;
  text-align: center;
  border-radius: 4px;
  background-image: url() !important;
}

.m11 .content .swiper-button-prev11:hover {
  background-color: #326cf6;
  color: #eaf0fe;
}

@keyframes lineGrow {
  from {
    width: 0;
  }

  to {
    width: 100%;
  }
}

@keyframes mapIcon_bounce {
  from {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-6px);
  }

  to {
    transform: translateY(0);
  }
}

.map {
  margin-top: 60px;
  box-sizing: border-box;
}

.map .map-info {
  position: absolute;
  top: 340px;
  left: 34px;
}

.map .map-info .indexfont {
  color: #326cf6;
  font-size: 20px;
  margin-right: 10px;
}

.map .map-info .map-btn {
  display: flex;
  align-items: center;
  color: #000000;
  font-size: 18px;
}

.map .map-info .map-btn span.c326cf6 {
  text-decoration: underline;
  color: #326cf6;
  margin-left: 15px;
}

.map .map-con {
  display: flex;
  justify-content: space-between;
}

.map .map-con .map-pic {
  margin-top: 32px;
  position: relative;
  width: 680px;
  height: 517px;
  background: url(/wzt/xqhj/map.png) no-repeat;
  background-size: 100% 100%;
}

.map .map-con .map-pic span {
  position: absolute;
  z-index: 10;
  font-size: 15px;
  color: #101030;
  line-height: 1;
  cursor: pointer;
}

.map .map-con .map-pic span::before {
  content: '';
  position: absolute;
  top: -31px;
  left: 3px;
  width: 25px;
  height: 27px;
  background: url(http://www.qfedu.com/images/index2021/map-icon.png) no-repeat;
  background-size: 25px 27px;
}

.map .map-con .map-pic span.left::before {
  top: -10px;
  left: -26px;
}

.map .map-con .map-pic span.right::before {
  top: -10px;
  left: 32px;
}

.map .map-con .map-pic span.bottom::before {
  top: 20px;
  left: 0;
}

.map .map-con .map-pic span.active {
  color: #ef4437;
  animation: mapIcon_bounce 0.3s ease 1;
}

.map .map-con .map-pic span.active::before {
  background: url(http://www.qfedu.com/imgs2022/map-icon-active.png) no-repeat;
}

.map .map-con .map-pic span.bj {
  top: 206px;
  left: 436px;
}

.map .map-con .map-pic span.sz {
  bottom: 56px;
  left: 435px;
}

.map .map-con .map-pic span.sh {
  top: 306px;
  left: 536px;
}

.map .map-con .map-pic span.gz {
  bottom: 81px;
  left: 383px;
}

.map .map-con .map-pic span.zz {
  top: 278px;
  left: 417px;
}

.map .map-con .map-pic span.dl {
  top: 188px;
  left: 527px;
}

.map .map-con .map-pic span.wh {
  top: 336px;
  left: 424px;
}

.map .map-con .map-pic span.cd {
  top: 334px;
  left: 296px;
}

.map .map-con .map-pic span.xa {
  top: 283px;
  left: 362px;
}

.map .map-con .map-pic span.hz {
  top: 324px;
  left: 515px;
}

.map .map-con .map-pic span.qd {
  top: 234px;
  left: 514px;
}

.map .map-con .map-pic span.cq {
  top: 336px;
  left: 358px;
}

.map .map-con .map-pic span.cs {
  top: 367px;
  left: 399px;
}

.map .map-con .map-pic span.heb {
  top: 87px;
  left: 556px;
}

.map .map-con .map-pic span.nj {
  top: 264px;
  left: 487px;
}

.map .map-con .map-pic span.ty {
  top: 225px;
  left: 397px;
}

.map .map-con .map-pic span.sy {
  top: 144px;
  left: 536px;
}

.map .map-con .map-pic span.hf {
  top: 312px;
  left: 456px;
}

.map .map-con .map-pic span.gy {
  top: 392px;
  left: 337px;
}

.map .map-con .map-pic span.jn {
  top: 255px;
  left: 455px;
}

.map .map-con .map-pic .map-active-pics {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.map .map-con .map-pic .map-active-pics div {
  position: absolute;
  background-size: 100% 100%;
  display: none;
}

.map .map-con .map-pic .map-active-pics div.active {
  display: block;
}

.map .map-con .map-pic .map-active-pics .bj {
  top: 180px;
  left: 443px;
  width: 21px;
  height: 24px;
  background-image: url(http://www.qfedu.com/imgs2022/maps/map-bj.png);
}

.map .map-con .map-pic .map-active-pics .sz {
  bottom: 40px;
  left: 381px;
  width: 97px;
  height: 72px;
  background-image: url(http://www.qfedu.com/imgs2022/maps/map-sz.png);
}

.map .map-con .map-pic .map-active-pics .sh {
  top: 308px;
  left: 516px;
  width: 9px;
  height: 15px;
  background-image: url(http://www.qfedu.com/imgs2022/maps/map-sh.png);
}

.map .map-con .map-pic .map-active-pics .gz {
  bottom: 40px;
  left: 381px;
  width: 97px;
  height: 72px;
  background-image: url(http://www.qfedu.com/imgs2022/maps/map-gz.png);
}

.map .map-con .map-pic .map-active-pics .zz {
  top: 251px;
  left: 390px;
  width: 72px;
  height: 68px;
  background-image: url(http://www.qfedu.com/imgs2022/maps/map-zz.png);
}

.map .map-con .map-pic .map-active-pics .sy,
.map .map-con .map-pic .map-active-pics .dl {
  top: 139px;
  left: 480px;
  width: 70px;
  height: 72px;
  background-image: url(http://www.qfedu.com/imgs2022/maps/map-dl.png);
}

.map .map-con .map-pic .map-active-pics .wh {
  top: 297px;
  left: 369px;
  width: 89px;
  height: 57px;
  background-image: url(http://www.qfedu.com/imgs2022/maps/map-wh.png);
}

.map .map-con .map-pic .map-active-pics .cd {
  top: 274px;
  left: 242px;
  width: 128px;
  height: 120px;
  background-image: url(http://www.qfedu.com/imgs2022/maps/map-cd.png);
}

.map .map-con .map-pic .map-active-pics .xa {
  top: 206px;
  left: 335px;
  width: 64px;
  height: 112px;
  background-image: url(http://www.qfedu.com/imgs2022/maps/map-xa.png);
}

.map .map-con .map-pic .map-active-pics .hz {
  top: 321px;
  left: 486px;
  width: 46px;
  height: 53px;
  background-image: url(http://www.qfedu.com/imgs2022/maps/map-hz.png);
}

.map .map-con .map-pic .map-active-pics .qd {
  top: 222px;
  left: 442px;
  width: 81px;
  height: 53px;
  background-image: url(http://www.qfedu.com/imgs2022/maps/map-qd.png);
}

.map .map-con .map-pic .map-active-pics .cq {
  top: 311px;
  left: 333px;
  width: 55px;
  height: 56px;
  background-image: url(http://www.qfedu.com/imgs2022/maps/map-cq.png);
}

.map .map-con .map-pic .map-active-pics .cs {
  top: 342px;
  left: 374px;
  width: 64px;
  height: 75px;
  background-image: url(http://www.qfedu.com/imgs2022/maps/map-cs.png);
}

.map .map-con .map-pic .map-active-pics .heb {
  top: 4px;
  left: 485px;
  width: 132px;
  height: 126px;
  background-image: url(http://www.qfedu.com/imgs2022/maps/map-heb.png);
}

.map .map-con .map-pic .map-active-pics .nj {
  top: 268px;
  left: 461px;
  width: 62px;
  height: 54px;
  background-image: url(http://www.qfedu.com/imgs2022/maps/map-nj.png);
}

.map .map-con .map-pic .map-active-pics .ty {
  top: 189px;
  left: 391px;
  width: 43px;
  height: 86px;
  background-image: url(http://www.qfedu.com/imgs2022/maps/map-ty.png);
}

.map .map-con .map-pic .map-active-pics .hf {
  top: 274px;
  left: 444px;
  width: 56px;
  height: 72px;
  background-image: url(http://www.qfedu.com/imgs2022/maps/map-hf.png);
}

.map .map-con .map-pic .map-active-pics .gy {
  top: 354px;
  left: 310px;
  width: 70px;
  height: 63px;
  background-image: url(http://www.qfedu.com/imgs2022/maps/map-gy.png);
}

.map .map-con .map-pic .map-active-pics .jn {
  top: 222px;
  left: 442px;
  width: 81px;
  height: 53px;
  background-image: url(http://www.qfedu.com/imgs2022/maps/map-qd.png);
}

.map .map-posi {
  margin-top: 36px;
  border-bottom: solid 1px #dbdbdb;
  margin-bottom: 32px;
  display: flex;
}

.map .map-posi span {
  flex: 1;
  position: relative;
  padding-bottom: 15px;
  cursor: pointer;
  text-align: center;
}

.map .map-posi span.active {
  color: #326cf6;
  font-weight: bold;
}

.map .map-posi span.active::before {
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 0;
  height: 3px;
  content: '';
  background-color: #326cf6;
  display: inline-block;
  animation: lineGrow 1 0.3s ease forwards;
}

.map .map-txt {
  position: relative;
  width: 486px;
  height: 592px;
  background-image: linear-gradient(0deg, #ffffff 0%, #f4f5f8 100%);
  box-shadow: 0px 0px 10px 0px rgba(0, 21, 72, 0.1),
    inset 0px 2px 4px 0px #ffffff;
  border-radius: 10px;
  border: solid 2px #ffffff;
  box-sizing: border-box;
  overflow: hidden;
  z-index: 2;
}

.map .map-txt .txt {
  display: none;
}

.map .map-txt .txt.active {
  display: block;
}

.map-txt-tit {
  font-size: 20px;
  font-weight: bold;
  color: #326cf6;
  padding: 40px 0 0 34px;
}

.map-txt-addre {
  color: #000000;
  font-size: 18px;
  margin-top: 20px;
}

.map-txt-addre .tel {
  font-size: 24px;
  margin-left: 18px;
}

.map-txt p {
  width: 380px;
  font-size: 14px;
  line-height: 24px;
  color: #666666;
  padding-left: 28px;
  margin-top: 4px;
}

.map-txt .swiper-container {
  position: absolute;
  top: 88px;
  left: 34px;
  width: 418px;
  height: 212px;
}

.map-txt .swiper-container img {
  width: 418px;
  height: 212px;
}

.map-txt .swiper-container .swiper-slide {
  background-color: #494b58;
}

.map-txt .swiper-container .swiper-button-prev,
.map-txt .swiper-container .swiper-button-next {
  width: 32px;
  height: 68px;
  background: #000000;
  opacity: 0.4;
  border-radius: 5px;
  text-align: center;
  line-height: 68px;
  color: #fff;
  transition: all ease 0.3s;
}

.map-txt .swiper-container .swiper-button-prev:hover,
.map-txt .swiper-container .swiper-button-next:hover {
  opacity: 0.8;
}

.map-txt .swiper-container .swiper-button-prev i,
.map-txt .swiper-container .swiper-button-next i {
  font-size: 22px;
}

.ppjz {
  padding-top: 40px;
  padding-bottom: 28px;
  background-color: #f8f9fb;
  margin-top: 50px;
}

.ppjz .base {
  width: 1130px;
}

.ppjz-tit {
  position: relative;
  padding-left: 18px;
  font-size: 18px;
  color: #2a2a2a;
  line-height: 1;
  border-left: 4px solid #326cf6;
  font-weight: bold;
}

.ppjz-box {
  display: flex;
  justify-content: space-between;
  margin-top: 18px;
  width: 1130px;
}

.ppjz-box img {
  width: 135px;
  height: 46px;
}

.footer-link {
  padding-top: 20px;
  background-color: #0030af;
}

.footer-link .links-tab {
  display: flex;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  cursor: pointer;
}

.footer-link .links-tab span {
  /* width: 74px; */
  color: #f0f0f0;
  opacity: 0.6;
  font-size: 14px;
  margin-right: 16px;
}

.footer-link .links-tab span.active {
  color: #ffb401;
  opacity: 1;
  border-bottom: 1px solid #ffb401;
  padding-bottom: 12px;
}

.footer-link .links-a {
  display: none;
  flex-wrap: wrap;
  padding-top: 20px;
  padding-bottom: 20px;
  line-height: 1.8;
}

.footer-link .links-a.active {
  display: flex;
}

.footer-link .links-a a {
  font-size: 14px;
  opacity: 0.6;
  margin-right: 20px;
  color: #fff;
}

.footer-link .copyright {
  font-size: 14px;
  color: #ffffff;
  opacity: 0.6;
  text-align: center;
  line-height: 24px;
  padding-bottom: 30px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding-top: 30px;
}

.footer-link .copyright a {
  font-size: 14px;
  color: #ffffff;
}

.i3 .icon-huomiao:before {
  content: '';
}

.i3-add-icons {
  display: flex;
  width: 216px;
}

.i3-add-icons a {
  width: 33.3%;
  text-align: center;
  font-size: 13px;
  color: #333333;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.i3-add-icons a .icon {
  font-size: 18px;
}

.i3-add-icons a .icon-wrap {
  margin: 14px auto 6px auto;
  position: relative;
  display: block;
  width: 39px;
  height: 39px;
  border-radius: 50%;
  text-align: center;
  line-height: 39px;
  color: white;
  background: linear-gradient(0deg, #ff3600 0%, #ff7b00 100%);
}

.i3-add-icons a .icon-wrap .indexfont {
  font-size: 20px;
}

.i3-add-icons a:nth-of-type(2) .icon-wrap {
  background: linear-gradient(0deg, #00dbb8 1%, #1ddf5c 51%, #3ae300 100%);
}

.i3-add-icons a:nth-of-type(3) .icon-wrap {
  background: linear-gradient(0deg, #008dfa 0%, #00c6ff 100%);
}

.i3-add-icons a .icon-wrap::before {
  position: absolute;
  top: -3px;
  left: -6px;
  content: '';
  display: inline-block;
  width: 19px;
  height: 19px;
  background: inherit;
  opacity: 0.25;
  border-radius: 50%;
}

.i3-add-icons a .icon-wrap::after {
  position: absolute;
  bottom: 1px;
  right: -6px;
  content: '';
  display: inline-block;
  width: 12px;
  height: 12px;
  background: inherit;
  opacity: 0.15;
  border-radius: 50%;
}

@keyframes cycleRotate {
  from {
    transform: rotate(0);
  }

  to {
    transform: rotate(360deg);
  }
}

.i3-add-icons a:hover .icon-wrap::before {
  animation: cycleRotate ease 0.6s;
  transform-origin: 23px 24px;
}

.i3-add-icons a:hover .icon-wrap::after {
  animation: cycleRotate ease 0.6s;
  transform-origin: -10px -10px;
}

.teacher-box {
  position: relative;
  overflow: hidden;
  padding: 850px 0 58px 0;
}

.teacher-box .scrollimg {
  position: absolute;
  width: 1920px;
  height: 1800px;
  z-index: 1;
  top: -150px;
  left: 50%;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
  transform: translateX(-52%) rotateZ(10deg);
  /* transform: rotateZ(0) scale(1); */
}

.teacher-box .scrollimg img {
  display: block;
  width: 100%;
}

.teacher-box .scrollimg .p-scroll {
  position: absolute;
  animation: 20s linear infinite run2;
}

@keyframes run2 {
  0% {
    top: 0;
  }

  100% {
    top: -1675px;
  }
}

.teacher-con {
  padding-top: 50px;
  padding-bottom: 57px;
  width: 100%;
  position: absolute;
  z-index: 3;
  left: 0;
  top: 0;
  height: 100%;
  background-image: linear-gradient(90deg, rgba(104, 1, 210, 0.9) 0%, rgba(53, 28, 197, 0.9) 34%, rgba(1, 55, 184, 0.9) 100%);
}

.white {
  color: #fff !important;
}

.teacher-container {
  position: relative;
  width: 1284px;
  margin: 20px auto 0 auto;
}

.teacher-container .teacher-container-bg {
  width: 1200px;
  height: 682px;
  background-color: #e4f8ff;
  border-radius: 10px;
  margin: 0 auto;
}

.teacher-container .teacher-solgans ul {
  display: flex;
  justify-content: space-between;
  width: 1146px;
  margin: 0 auto;
  padding-top: 25px;
}

.teacher-container .teacher-solgans ul li {
  display: flex;
  align-items: center;
  width: 271px;
  height: 81px;
  overflow: hidden;
  border-radius: 10px;
  border: solid 1px #326cf6;
}

.teacher-container .teacher-solgans ul li .logo {
  width: 52px;
  height: 46px;
  background-color: #326cf6;
  border-radius: 0px 23px 23px 0px;
  color: #ffffff;
  line-height: 46px;
  margin-right: 7px;
}

.teacher-container .teacher-solgans ul li .logo i {
  font-size: 22px;
  margin-left: 13px;
}

.teacher-container .teacher-solgans ul li .text {
  font-size: 13px;
  color: #666666;
}

.teacher-container .teacher-solgans ul li .text p:nth-child(1) {
  font-size: 16px;
  color: #000000;
}

.teacher-container .teacher-solgans ul li .text p:nth-child(1) strong {
  color: #056cff;
  font-size: 24px;
  font-weight: bold;
}

.teacher-container .teacher-solgans ul li:hover {
  background-color: #326cf6;
  border-radius: 10px;
}

.teacher-container .teacher-solgans ul li:hover .logo {
  background: linear-gradient(0deg,
      #00dbb8 1%,
      #1ddf5c 51%,
      #3ae300 100%),
    linear-gradient(#326cf6,
      #326cf6);
}

.teacher-container .teacher-solgans ul li:hover .text {
  color: #fff;
}

.teacher-container .teacher-solgans ul li:hover .text p:nth-child(1) {
  color: #ffffff;
}

.teacher-container .teacher-solgans ul li:hover .text p:nth-child(1) strong {
  color: #ffffff;
}

.swiper4 {
  width: 1146px;
  margin: 22px auto 0 auto;
}

.swiper4 .te-item {
  position: relative;
  width: 210px;
  height: 252px;
  background: linear-gradient(0deg,
      #b3b9ca 0%,
      #7f8393 100%);
  border-radius: 10px;
  overflow: hidden;
}

.swiper4 .te-item img {
  height: 100%;
}

.swiper4 .te-item .te-name {
  position: absolute;
  top: 180px;
  left: 0;
  width: 168px;
  height: 34px;
  line-height: 34px;
  background: linear-gradient(90deg,
      #326cf6 0%,
      rgba(50, 108, 246, 0) 100%);
  color: #ffffff;
  font-size: 20px;
  font-weight: bold;
  padding-left: 20px;
  z-index: 1;
}

.swiper4 .te-item .te-tit {
  font-size: 14px;
  position: absolute;
  left: 0;
  top: 222px;
  padding-left: 20px;
  color: #ffffff;
  z-index: 1;
}

.swiper4 .te-item::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 73px;
  background: linear-gradient(180deg,
      rgba(0, 0, 0, 0) 0%,
      rgba(0, 0, 0, 0.7) 100%);
  border-radius: 0px 0px 10px 10px;
}

.swiper4 .te-item .te-mask {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 84%;
  height: 100%;
  background-color: #326cf6;
  border-radius: 10px;
  z-index: 2;
  font-size: 13px;
  line-height: 24px;
  padding: 8%;
  color: #ffffff;
}

.swiper4 .te-item:hover .te-mask {
  display: block;
}

.teacher-container .swiper-button-prev4,
.teacher-container .swiper-button-next4 {
  width: 20px;
  height: 46px;
  line-height: 46px;
  background: #4b80ff;
  border-radius: 4px;
  text-align: center;
}

.teacher-container .swiper-button-prev4 i,
.teacher-container .swiper-button-next4 i {
  color: #fff;
  font-size: 18px;
}

.teacher-container .swiper-button-prev4:hover,
.teacher-container .swiper-button-next4:hover {
  background: linear-gradient(0deg,
      #00dbb8 1%,
      #1ddf5c 51%,
      #3ae300 100%),
    linear-gradient(#ffffff,
      #ffffff);
}

.teacher-container .swiper-button-prev4:hover i,
.teacher-container .swiper-button-next4:hover i {
  color: #326cf6;
  font-size: 18px;
}